:root{color-scheme:light;--bg:#f7f5f2;--panel:#ffffff;--ink:#1f2933;--muted:#667085;--line:#e2e8f0;--brand:#7c3f58;--brand-dark:#563047;--accent:#0f766e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{align-items:center;background:var(--panel);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 28px}.brand{display:grid;grid-gap:2px;gap:2px}.brand strong{color:var(--brand-dark);font-size:20px}.brand span,.muted{color:var(--muted);font-size:13px}.content{display:grid;grid-gap:20px;gap:20px;margin:0 auto;max-width:1180px;padding:28px}.metrics{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.metric span{color:var(--muted);display:block;font-size:12px;margin-bottom:8px}.metric strong{font-size:24px}.panel h1,.panel h2{margin:0 0 12px}.section-title{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}.section-title p{margin:6px 0 0}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{background:var(--brand);border:1px solid var(--brand);border-radius:8px;color:#ffffff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;font-family:inherit;padding:10px 14px}.button.secondary{background:#ffffff;color:var(--brand-dark)}.button.danger{background:#b42318;border-color:#b42318}.catalog{border-collapse:collapse;width:100%}.catalog td,.catalog th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}.catalog th{color:var(--muted);font-size:12px;font-weight:700}.price{color:var(--accent);font-weight:700;white-space:nowrap}.badge{background:#fce7f3;border-radius:999px;color:var(--brand-dark);display:inline-block;font-size:12px;padding:4px 8px}.grid-two{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.detail-list{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{border-bottom:1px solid var(--line);padding:8px 0}.detail-item span{color:var(--muted);display:block;font-size:12px;margin-bottom:4px}.detail-item strong{font-size:15px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#065f46;font-size:12px;padding:4px 8px}.role-list{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.role-card{grid-gap:8px;gap:8px;padding:12px}.place-search,.role-card{border:1px solid var(--line);border-radius:8px;display:grid}.place-search{grid-gap:10px;gap:10px;padding:14px}.inline-field{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.suggestion-list{display:grid;grid-gap:8px;gap:8px}.suggestion-item{background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;font:inherit;grid-gap:4px;gap:4px;padding:10px;text-align:left}.suggestion-item:hover{border-color:var(--brand)}.suggestion-item span{color:var(--muted);font-size:12px}.notice{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.error-notice,.notice{font-weight:700;padding:12px 14px}.error-notice{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.login-shell{align-items:center;display:grid;min-height:100vh;padding:24px}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:22px;gap:22px;margin:0 auto;max-width:420px;padding:28px;width:100%}.login-panel h1{color:var(--brand-dark);margin:4px 0 8px}.form-stack{display:grid;grid-gap:20px;gap:20px}.form-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}label{color:var(--muted);display:grid;font-size:12px;font-weight:700;grid-gap:6px;gap:6px}input,select,textarea{background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;font-size:14px;padding:10px;width:100%}textarea{resize:vertical}input[readonly]{background:#f8fafc;color:var(--muted)}.toggle-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.toggle-grid label{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px}.toggle-grid input{width:auto}.choice-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 14px}.choice-grid label{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;font-size:13px;gap:8px;padding:10px}.choice-grid input{width:auto}.editable-table input,.editable-table select{min-width:96px}.save-bar{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;position:-webkit-sticky;position:sticky;bottom:12px}@media (max-width:800px){.metrics{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.choice-grid,.form-grid,.toggle-grid{grid-template-columns:1fr}.content,.topbar{padding-left:16px;padding-right:16px}}