:root{--bg:#faf6ef;--bg-elevated:#fffdf9;--bg-inset:#f2ece0;--text:#3a2a1e;--text-dim:#6b5647;--text-faint:#96826f;--accent:#c9a96e;--border:#3a2a1e14;--border-strong:#3a2a1e33;--urgent:#e0574a;--calm:#4ade80}html[data-theme=dark]{--bg:#0c0c0e;--bg-elevated:#16161a;--bg-inset:#0a0a0c;--text:#f2ede8;--text-dim:#a89f94;--text-faint:#726b60;--accent:#c9a96e;--border:#e9d8b41a;--border-strong:#c9a96e52;--urgent:#e0574a;--calm:#4ade80}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:var(--accent)}.app-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.app-header__brand{font-weight:600}.app-header__controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.role-switcher{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.role-switcher__btn{border:1px solid var(--border-strong);min-height:44px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;display:inline-flex}.role-switcher__btn--active{background:var(--accent);border-color:var(--accent);color:var(--bg-elevated)}.role-switcher__agent{border:1px solid var(--border-strong);background:var(--bg-inset);min-height:44px;color:var(--text);border-radius:8px;padding:6px 10px}.theme-toggle{border:1px solid var(--border-strong);background:var(--bg-inset);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;display:inline-flex}.demo-banner{background:var(--bg-inset);color:var(--text-faint);border-bottom:1px solid var(--border);margin:0;padding:8px 20px;font-size:13px}.app-main{max-width:960px;margin:0 auto;padding:24px 20px}table{border-collapse:collapse;background:var(--bg-elevated);border:1px solid var(--border);width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}th{color:var(--text-faint);font-weight:600}.status-pill{border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.status-pill--active{color:var(--calm);background:#4ade8026}.status-pill--disabled{color:var(--urgent);background:#e0574a1f}.form-grid{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;gap:12px;max-width:420px;margin-top:16px;padding:16px;display:grid}.form-grid label{color:var(--text-dim);gap:4px;font-size:14px;display:grid}input,select{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);border-radius:6px;padding:8px 10px;font-size:14px}button[type=submit]{background:var(--accent);color:var(--bg-elevated);cursor:pointer;border:none;border-radius:8px;width:fit-content;padding:8px 14px;font-size:14px}.agents-search{gap:8px;margin:12px 0;display:flex}.agents-search input{flex:1;max-width:360px}.checkbox-label{align-items:center;flex-direction:row!important;gap:8px!important}.checkbox-label input{width:auto}.rate-row{grid-template-columns:1fr 180px 120px;align-items:center;gap:8px;display:grid}.rate-row__unit{color:var(--text-faint);font-size:12px}.address-list{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;margin:0 0 16px;padding:0;list-style:none}.address-list li{border-bottom:1px solid var(--border);padding:8px 12px;font-size:14px}.address-list li:last-child{border-bottom:none}.form-notice{border-radius:8px;padding:8px 12px;font-size:14px}.form-notice--ok{color:var(--calm);background:#4ade8026}.form-notice--error{color:var(--urgent);background:#e0574a1f}@media (max-width:1024px){input,select,textarea,button{min-height:40px}}