:root{--bg: #081019;--bg-soft: #111c2a;--card: rgba(17, 28, 42, .75);--border: rgba(163, 196, 243, .2);--text: #ebf2ff;--muted: #9fb0c8;--brand: #79d8ff;--brand-2: #35ffa2;--warn: #ffbf69;--danger: #ff6f91;--font-head: "Sora", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;--sidebar-w: 250px;--topbar-h: 78px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(circle at 10% 5%,#1e3550 0%,var(--bg) 42%),linear-gradient(150deg,#0b1524,#070c14);color:var(--text);font-family:var(--font-body);line-height:1.5;overflow:hidden}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 270deg at 70% 20%,rgba(53,255,162,.1),rgba(121,216,255,.14),transparent 65%);pointer-events:none;z-index:0}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.22) .5px,transparent .5px);background-size:4px 4px}.app-shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:linear-gradient(170deg,#0d1521eb,#0a111bfa);border-right:1px solid var(--border);display:flex;flex-direction:column}.brand-row{display:flex;align-items:center;gap:12px;padding:22px 20px;border-bottom:1px solid var(--border)}.brand-dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,var(--brand-2),var(--brand));box-shadow:0 0 16px #35ffa2a6}.brand-title{font-family:var(--font-head);font-weight:800;letter-spacing:-.02em}.brand-subtitle{color:var(--muted);font-family:var(--font-mono);font-size:.72rem}.sidebar-nav{padding:16px 10px;overflow-y:auto}.nav-section{margin-bottom:14px}.nav-section-label{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;padding:8px 10px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:4px;border-radius:12px;color:#ccdbf5;text-decoration:none;transition:.14s ease}.nav-link:hover{background:#79d8ff1a;color:var(--text)}.nav-link.active{background:linear-gradient(120deg,#79d8ff33,#35ffa229);border:1px solid rgba(121,216,255,.28)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:14px 10px}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#1f304680}.user-chip-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(150deg,#1f7acc,#35ffa2);color:#031119;display:grid;place-items:center;font-weight:800;font-family:var(--font-head);font-size:.8rem}.user-chip-name{font-size:.86rem;font-weight:700}.user-chip-role{color:var(--muted);font-family:var(--font-mono);font-size:.68rem}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;border-bottom:1px solid var(--border);background:#070e16b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{font-family:var(--font-head);font-size:1.2rem;letter-spacing:-.02em}.topbar p{color:var(--muted);font-size:.84rem}.topbar-actions{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-soft);border:1px solid var(--border);border-radius:11px;padding:0 10px;height:38px;width:290px}.search-box input{width:100%;color:var(--text);border:none;background:transparent;outline:none;font-family:var(--font-body)}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);display:grid;place-items:center}.page-content{flex:1;overflow-y:auto;padding:20px 24px 26px;display:flex;flex-direction:column;gap:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 14px 12px}.stat-card.warn{border-color:#ffbf6973}.stat-card.good{border-color:#35ffa266}.stat-label{color:var(--muted);font-size:.77rem;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono)}.stat-value{margin-top:6px;font-size:1.5rem;font-family:var(--font-head);font-weight:700}.stat-hint{margin-top:4px;color:#d5e6ff;font-size:.8rem}.data-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.card-header{padding:12px 14px;border-bottom:1px solid var(--border)}.card-header h3{font-family:var(--font-head);font-size:.95rem}.queue-list{list-style:none}.queue-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid rgba(163,196,243,.12)}.queue-list b{color:var(--brand);font-family:var(--font-mono);font-size:.76rem;font-weight:500}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;text-align:left}.table th{color:var(--muted);font-family:var(--font-mono);font-size:.73rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.table td{border-bottom:1px solid rgba(163,196,243,.12);font-size:.9rem}.card-header-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline-link{color:var(--brand);text-decoration:none;font-weight:600}.inline-link:hover{color:#b2ebff}.panel-message,.panel-error{padding:14px;border-top:1px solid rgba(163,196,243,.12)}.panel-message{color:#cfe1ff}.panel-error{color:#ffd3df}.link-btn{border:1px solid var(--border);background:#1f30468c;color:var(--text);border-radius:10px;padding:6px 10px;cursor:pointer}.link-btn:hover{background:#79d8ff24}.status-chip{font-family:var(--font-mono);font-size:.72rem;padding:5px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.status-chip.pending{background:#ffbf692e;color:#ffd7a3;border:1px solid rgba(255,191,105,.45)}.status-chip.approved{background:#35ffa224;color:#9fffcf;border:1px solid rgba(53,255,162,.38)}.status-chip.rejected{background:#ff6f9129;color:#ffc0d0;border:1px solid rgba(255,111,145,.4)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:14px}.detail-label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.detail-value{margin-top:4px}.detail-note{border-top:1px solid rgba(163,196,243,.12);padding:14px}.review-result{background:#101b2899}.decision-panel{padding:14px;display:grid;gap:10px}.decision-panel label{color:var(--muted);font-size:.8rem}.decision-panel textarea{width:100%;resize:vertical;min-height:88px;border-radius:10px;border:1px solid var(--border);background:#081019c7;color:var(--text);padding:10px;font-family:var(--font-body)}.decision-actions{display:flex;gap:10px;justify-content:flex-end}.btn-primary-wide,.btn-danger-wide{border:none;border-radius:10px;height:40px;padding:0 16px;color:#05131d;font-weight:700;cursor:pointer}.btn-primary-wide{background:linear-gradient(120deg,var(--brand),#90e7ff)}.btn-danger-wide{background:linear-gradient(120deg,var(--danger),#ff8a7b)}.btn-primary-wide:disabled,.btn-danger-wide:disabled{opacity:.7;cursor:not-allowed}.signout-btn{margin-top:10px;width:100%;height:34px;border-radius:9px;border:1px solid var(--border);background:#0b1521cc;color:#d6e8ff;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.signout-btn:hover{background:#79d8ff1a}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px;position:relative;z-index:1}.login-card{width:min(420px,100%);border-radius:18px;background:linear-gradient(170deg,#0e1824eb,#09101afa);border:1px solid var(--border);padding:24px;box-shadow:0 30px 90px #00000059}.login-badge{display:inline-flex;padding:3px 8px;border-radius:999px;border:1px solid rgba(121,216,255,.5);color:#b4eaff;font-family:var(--font-mono);font-size:.68rem;margin-bottom:10px}.login-card h1{font-family:var(--font-head);letter-spacing:-.02em}.login-card p{margin-top:6px;color:var(--muted)}.login-form{margin-top:16px;display:grid;gap:10px}.login-form label{color:var(--muted);font-size:.8rem}.login-form input{height:42px;border-radius:10px;border:1px solid var(--border);background:#081019c7;color:var(--text);padding:0 10px;outline:none}.form-error{color:#ffd3df;font-size:.84rem}.login-form .btn-primary-wide{width:100%}@media (max-width: 980px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.sidebar-nav{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px}.nav-section{min-width:220px}.search-box{width:180px}.sidebar-footer{display:none}}@media (max-width: 680px){.topbar{flex-direction:column;align-items:flex-start;justify-content:center;height:auto;padding:12px}.topbar-actions,.search-box{width:100%}.page-content{padding:14px}.decision-actions{justify-content:stretch}.decision-actions .btn-primary-wide,.decision-actions .btn-danger-wide{flex:1}}