:root{color-scheme:light;--bg:#f5f2ec;--card:#fffaf4;--card-strong:#fff7e8;--ink:#211a15;--muted:#7b7167;--line:#e6d8c7;--primary:#7c3f16;--primary-dark:#4d250c;--primary-soft:#f2dfc9;--success:#147a45;--danger:#b3261e;--pending:#a86500;--shadow:0 24px 70px rgba(72,42,17,0.13)}:root[data-theme=dark]{color-scheme:dark;--bg:#15100c;--card:#211913;--card-strong:#2a2018;--ink:#fff6eb;--muted:#baa998;--line:#3a2b20;--primary:#d4894c;--primary-dark:#f0b77f;--primary-soft:#3a2618;--success:#6ddd9a;--danger:#ff8c80;--pending:#ffc46a;--shadow:0 24px 70px rgba(0,0,0,0.34)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0 0,rgba(124,63,22,.16),transparent 28rem),linear-gradient(135deg,#f8f1e7,#f3eadf 42%,#efe4d5);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark] body{background:radial-gradient(circle at 0 0,rgba(212,137,76,.12),transparent 28rem),linear-gradient(135deg,#120d09,#17110d 48%,#211810)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:var(--bg)}.login-shell{width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px;align-items:stretch}.login-copy{border-radius:32px;padding:clamp(28px,6vw,56px);background:var(--primary-dark);border:1px solid var(--primary-dark);color:white;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.login-copy h1{margin:0;max-width:620px;font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.025em}.login-copy p{max-width:420px;margin:14px 0 0;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.5}.card{background:color-mix(in srgb,var(--card) 94%,white);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.login-card{display:grid;grid-gap:16px;gap:16px;padding:28px;align-content:center}.login-card h2,.panel-card h2,.topbar h1{margin:0}.field label{display:block;margin-bottom:7px;color:var(--muted);font-size:.86rem;font-weight:800}.field input{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:white;color:var(--ink);outline:none}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(124,63,22,.12)}.button{border:0;border-radius:15px;padding:12px 16px;background:var(--primary);color:white;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.16s ease}.button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.button.ghost,.button.secondary{background:white;color:var(--primary);border:1px solid var(--line)}.button.ghost{color:var(--muted)}.button.danger{background:var(--danger)}.button.compact{padding:9px 12px;border-radius:12px;font-size:.9rem}.button.full{width:100%}.dashboard{min-height:100vh;display:grid;grid-template-columns:284px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:20px 16px;background:rgba(33,26,21,.96);color:white;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:12px;align-items:center;padding:10px 8px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f6b86a,#9d501d);color:white;font-weight:950}.brand-text{display:grid}.brand-text span,.eyebrow,.sidebar-footer{color:var(--muted);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sidebar .brand-text span,.sidebar-footer{color:rgba(255,255,255,.56)}.nav-list{display:grid;grid-gap:8px;gap:8px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;border:0;border-radius:16px;padding:13px 14px;background:transparent;color:rgba(255,255,255,.68);text-align:left;font-weight:850}.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.12);color:white}.nav-icon{width:22px;height:22px;flex:0 0 auto}.sidebar-footer{margin-top:auto;display:grid;grid-gap:5px;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;word-break:break-all}.sidebar-footer strong{color:rgba(255,255,255,.78);font-size:.78rem;text-transform:none;letter-spacing:0}.sidebar-status{color:#9ee6bd}.collapsed{grid-template-columns:84px 1fr}.collapsed .sidebar{padding-inline:12px}.collapsed .brand-text,.collapsed .nav-label,.collapsed .sidebar-footer{display:none}.collapsed .brand,.collapsed .nav-item{justify-content:center}.main-panel{min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;min-height:86px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px clamp(18px,4vw,34px);background:rgba(245,242,236,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,216,199,.72)}.topbar-actions,.topbar-left{display:flex;align-items:center;gap:12px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.avatar-button,.header-icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--card) 76%,white);color:var(--primary);display:grid;place-items:center;font-weight:950;position:relative}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.notification-button b{position:absolute;top:-6px;right:-5px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--danger);color:white;border:2px solid var(--bg);font-size:.7rem}.avatar-button span{width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--primary),var(--primary-dark));color:white}.profile-menu-wrap{position:relative}.profile-popover{position:absolute;right:0;top:calc(100% + 10px);width:280px;padding:10px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow);z-index:30}.profile-summary{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--line);margin-bottom:8px}.profile-summary>div:last-child{min-width:0;display:grid;grid-gap:3px;gap:3px}.profile-summary span,.profile-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-summary span{color:var(--muted);font-size:.86rem}.avatar.large{width:46px;height:46px}.menu-item{width:100%;border:0;border-radius:13px;background:transparent;color:var(--ink);padding:11px 12px;text-align:left;font-weight:850;display:flex;align-items:center;gap:10px}.menu-item:hover{background:var(--primary-soft)}.menu-item.danger{color:var(--danger)}.topbar h1{font-size:clamp(1.1rem,2.2vw,1.55rem);letter-spacing:-.025em}.error,.topbar-error{color:var(--danger);font-weight:800}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:white;color:var(--primary);font-weight:900;display:grid;place-items:center}.content{padding:24px clamp(18px,4vw,34px) 42px}.section-stack{display:grid;grid-gap:20px;gap:20px}.section-intro{display:grid;grid-gap:4px;gap:4px}.section-intro h2{margin:0;font-size:clamp(1.25rem,2.4vw,1.8rem);letter-spacing:-.03em}.section-intro p:last-child{margin:0;max-width:760px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric-card{min-height:112px;padding:18px;border-radius:24px;background:var(--card);border:1px solid var(--line);display:grid;align-content:space-between;box-shadow:0 16px 42px rgba(72,42,17,.08)}.metric-card span{color:var(--muted);font-weight:850}.metric-card strong{font-size:clamp(1.35rem,3vw,1.8rem);letter-spacing:-.035em}.metric-card.dark{background:linear-gradient(145deg,var(--primary-dark),var(--primary));color:white}.metric-card.dark span,.metric-card.warn span{color:rgba(255,255,255,.72)}.metric-card.warn{background:linear-gradient(145deg,#b56a12,#7c3f16);color:white}.settings-grid,.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.panel-card{padding:20px}.panel-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading p:not(.eyebrow){margin:6px 0 0;color:var(--muted)}.queue-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.queue-card{border:1px solid var(--line);border-radius:20px;padding:18px;background:white;text-align:left;display:grid;grid-gap:8px;gap:8px}.queue-card span{color:var(--muted);font-weight:850}.queue-card strong{font-size:1.9rem;letter-spacing:-.04em}.role-bars{display:grid;grid-gap:14px;gap:14px}.role-bar>div:first-child{display:flex;justify-content:space-between;font-weight:850}.bar-track{height:10px;overflow:hidden;border-radius:999px;background:#eadccb}.bar-track span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.table-list{display:grid;grid-gap:10px;gap:10px}.table-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.62)}.table-row>div:first-child:not(.user-identity){display:grid;grid-gap:4px;gap:4px}.empty-block span,.setting-row span,.table-row span,.user-identity span{color:var(--muted);font-size:.9rem}.approval-row{grid-template-columns:minmax(0,1fr) auto auto}.user-identity{display:flex;min-width:0;gap:12px;align-items:center}.user-identity>div:last-child{display:grid;min-width:0}.user-identity span,.user-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:var(--primary-soft);color:var(--primary-dark)}.avatar,.pill{font-weight:950}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 11px;font-size:.75rem;letter-spacing:.04em}.pill.PENDING{background:#fff1ce;color:var(--pending)}.pill.VERIFIED{background:#dcf7e6;color:var(--success)}.pill.REJECTED{background:#ffe2de;color:var(--danger)}.actions{display:flex;gap:8px;align-items:center}.empty-block{display:grid;grid-gap:5px;gap:5px;padding:24px;text-align:center;border:1px dashed var(--line);border-radius:18px}.setting-row{display:grid;grid-gap:6px;gap:6px;padding:15px 0;border-top:1px solid var(--line)}.setting-row strong{word-break:break-all}.danger-zone{align-content:start}@media (max-width:1040px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid,.split-grid{grid-template-columns:1fr}}@media (max-width:760px){.auth-page{padding:18px}.collapsed,.dashboard,.login-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-radius:0 0 24px 24px}.collapsed .brand-text,.collapsed .nav-label,.collapsed .sidebar-footer{display:initial}.collapsed .brand,.collapsed .nav-item{justify-content:flex-start}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:flex-start}.approval-row,.metric-grid,.queue-row,.table-row{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}}