:root{--bg:#121416;--sidebar:#181a1d;--surface:#1c1f22;--surface-2:#23272b;--text:#f2f3f4;--muted:#919395;--accent:#e5a551;--border:#303438;--danger:#df6b6b;--success:#62b88f;--shadow:0 18px 45px #0004;--radius:14px;--sidebar-w:254px;color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif}
:root[data-theme=light]{--bg:#f3f4f5;--sidebar:#fff;--surface:#fff;--surface-2:#f7f7f8;--text:#202326;--muted:#6f7377;--border:#dfe1e3;--shadow:0 14px 32px #30343814;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border);padding:22px 15px;display:flex;flex-direction:column;z-index:5;transition:.25s}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:0 9px 22px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent);color:#191919;font-weight:900}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:16px}.brand-copy small{color:var(--accent);letter-spacing:.14em;text-transform:uppercase}.sidebar nav{overflow:auto}.sidebar nav p{margin:20px 10px 8px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.sidebar nav a{display:flex;align-items:center;gap:12px;color:var(--muted);text-decoration:none;padding:10px 12px;border-radius:10px;margin:2px 0;font-style:normal}.sidebar nav a em{font-style:normal;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{color:var(--text);background:var(--surface-2)}.sidebar nav a.active{box-shadow:inset 3px 0 var(--accent)}.sidebar nav a.active span{color:var(--accent)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding:16px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-foot div{display:flex;flex-direction:column;font-size:11px}.sidebar-foot small{color:var(--muted)}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px #62b88f22}.shell{margin-left:var(--sidebar-w);min-height:100vh;transition:.25s}body.collapsed{--sidebar-w:78px}.collapsed .brand-copy,.collapsed .sidebar nav em,.collapsed .sidebar nav p,.collapsed .sidebar-foot div{display:none}.collapsed .sidebar nav a{justify-content:center}.collapsed .brand{padding-inline:3px}header{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px;background:color-mix(in srgb,var(--bg) 88%,transparent);position:sticky;top:0;backdrop-filter:blur(12px);z-index:4}.icon-button,.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;min-height:38px}.icon-button{width:38px}.header-title{display:flex;flex-direction:column}.header-title small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.header-title strong{font-size:17px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.api-state{font-size:11px;color:var(--muted)}.theme-toggle{padding:0 12px;display:flex;gap:8px;align-items:center}.theme-toggle em{font-style:normal;font-size:12px}main{padding:22px 28px 42px;max-width:1800px;margin:auto}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto auto;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.filter-bar div{display:flex;flex-direction:column;gap:6px}.filter-bar label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.filter-bar input,.filter-bar select,.search{height:39px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:0 10px;min-width:0}.primary,.secondary{align-self:end;height:39px;border-radius:8px;padding:0 14px;border:1px solid transparent;font-weight:650}.primary{background:var(--accent);color:#191919}.secondary{background:transparent;border-color:var(--border);color:var(--text)}button{cursor:pointer}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:20px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:17px;min-height:115px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:18px;width:3px;height:26px;background:var(--accent);border-radius:0 3px 3px 0}.card small{color:var(--muted);font-size:11px}.card strong{display:block;font-size:22px;margin:18px 0 4px}.card em{font-size:10px;color:var(--muted);font-style:normal}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}.panel{padding:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel h2{font-size:14px;margin:0}.panel p{color:var(--muted);font-size:11px;margin:4px 0 0}.chart{height:270px;position:relative}.empty{height:100%;min-height:180px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty span{display:block;font-size:30px;color:var(--accent);opacity:.6;margin-bottom:8px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2)}tbody tr:hover{background:var(--surface-2)}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#91939522;color:var(--muted);font-size:10px}.badge.pending,.badge.throttled{background:#e5a5511c;color:var(--accent)}.badge.success,.badge.classified{background:#62b88f1c;color:var(--success)}.badge.conflict,.badge.error{background:#df6b6b1c;color:var(--danger)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:2px 0 16px}.section-title h1{font-size:20px;margin:0}.section-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.loading{min-height:300px;display:grid;place-items:center;color:var(--muted);gap:10px}.loading span{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.message{padding:12px 15px;border:1px solid var(--danger);background:#df6b6b12;color:var(--danger);border-radius:10px;margin-bottom:16px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:13px}.pager button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:7px 10px;border-radius:7px}.toolbar{display:flex;gap:10px;margin-bottom:13px}.toolbar .search{max-width:320px;width:100%}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}.filter-bar{grid-template-columns:repeat(3,1fr)}.filter-more{display:none}}@media(max-width:850px){:root{--sidebar-w:78px}.brand-copy,.sidebar nav em,.sidebar nav p,.sidebar-foot div{display:none}.sidebar nav a{justify-content:center}.grid-2{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}main{padding:18px}header{padding:0 18px}}@media(max-width:560px){.sidebar{transform:translateX(-100%)}.shell{margin-left:0}.filter-bar,.cards{grid-template-columns:1fr}.header-title small,.api-state{display:none}}
.user-menu{display:flex;align-items:center;gap:10px;border-left:1px solid var(--border);padding-left:12px}.user-menu>span{display:flex;flex-direction:column;max-width:190px}.user-menu strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu small{font-size:10px;color:var(--muted)}.user-menu button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 10px}.auth-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#e5a55118,transparent 42%),var(--bg)}.auth-card{width:min(440px,100%);padding:42px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);text-align:center}.auth-card .brand-mark{margin:auto}.auth-card .eyebrow{margin:24px 0 8px;color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.auth-card h1{font-size:26px;margin:0 0 14px}.auth-card p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.microsoft-login{display:block;width:100%;margin-top:28px;padding:13px 18px;border:0;border-radius:9px;background:var(--accent);color:#191919;text-decoration:none;font-weight:700}.auth-card form{margin:0}