:root { --aw-bg:#f4f5f7; --aw-panel:#fff; --aw-text:#20242c; --aw-muted:#657080; --aw-line:#dce0e6; --aw-soft:#edf1f6; --aw-accent:#245dc1; --aw-selected:#e8f0ff; }
:root[data-admin-theme="dark"] { color-scheme:dark; --aw-bg:#151618; --aw-panel:#202225; --aw-text:#edf0f4; --aw-muted:#b1b7c2; --aw-line:#3b3f46; --aw-soft:#292d33; --aw-accent:#9bbfff; --aw-selected:#293d5a; }
body[data-role="admin"], body[data-auth-role="admin"] { --ink:var(--aw-text); --muted:var(--aw-muted); --line:var(--aw-line); --soft:var(--aw-bg); --brand:var(--aw-accent); color:var(--aw-text); background:var(--aw-bg); letter-spacing:0; }
body[data-role="admin"] .app-shell { display:block; background:var(--aw-bg); }
body[data-role="admin"] .admin-sidebar { display:flex; align-items:center; gap:20px; position:sticky; top:0; z-index:40; width:100%; min-height:64px; height:auto; padding:0 22px; border:0; background:#152b4b; color:white; }
body[data-role="admin"] .admin-sidebar-brand { color:white; font-size:17px; padding:0; white-space:nowrap; min-height:64px; }
.admin-sidebar .brand-mark { width:32px; height:32px; border-radius:6px; background:#fff; color:#245dc1; box-shadow:none; }
body[data-role="admin"] .admin-menu { display:flex; align-self:stretch; gap:2px; margin:0; overflow:visible; }
.workspace-group { position:relative; display:flex; }
.workspace-group-toggle { display:flex; align-items:center; gap:10px; padding:0 16px; background:transparent; color:#e3ebf8; font-size:13px; border-radius:0; min-height:64px; }
.workspace-group.has-active > button { box-shadow:inset 0 -3px #8cb5ff; background:#ffffff0c; }
.workspace-group-toggle:hover, .workspace-group-toggle[aria-expanded="true"] { background:#ffffff1a; color:white; }
.workspace-links { display:none; position:absolute; top:calc(100% - 2px); left:0; width:230px; padding:6px; border:1px solid var(--aw-line); border-radius:6px; background:var(--aw-panel); box-shadow:0 12px 30px #0003; }
.workspace-group-toggle[aria-expanded="true"] + .workspace-links { display:grid; }
body[data-role="admin"] .admin-menu a { color:var(--aw-text); min-height:42px; font-size:13px; font-weight:600; gap:12px; border-radius:4px; }
body[data-role="admin"] .admin-menu a.active { background:var(--aw-selected); color:var(--aw-accent); }
body[data-role="admin"] .admin-menu a:hover { background:var(--aw-soft); color:var(--aw-text); }
.admin-sidebar svg, .workspace-tool svg { width:18px; height:18px; flex-shrink:0; }
.workspace-tool { display:grid; place-items:center; width:36px; height:36px; padding:0; background:#ffffff12; border:1px solid #ffffff40; border-radius:6px; color:white; flex-shrink:0; }
.theme-toggle { margin-left:auto; }
.workspace-mobile { display:none; }
.admin-sidebar .auth-account { margin:0; padding:0; display:flex; align-items:center; gap:12px; color:#e0e6ef; font-size:12px; max-width:260px; }
.admin-sidebar .auth-account span { overflow-wrap:anywhere; }
.admin-sidebar .auth-account button { background:transparent; color:white; border:1px solid #ffffff40; border-radius:5px; padding:7px 10px; white-space:nowrap; }
body[data-role="admin"] .main { max-width:none; padding:0; }
body[data-role="admin"] .topbar { position:sticky; top:64px; z-index:20; min-height:76px; padding:16px 24px; margin:0; background:var(--aw-panel); border-bottom:1px solid var(--aw-line); }
body[data-role="admin"] .page-title h1 { font-size:21px; line-height:1.4; }
body[data-role="admin"] .page-title p { font-size:12px; margin:4px 0 0; color:var(--aw-muted); }
body[data-role="admin"] #app { padding:18px 24px 48px; }
body[data-role="admin"] .a-connection { padding-bottom:12px; border-bottom:1px solid var(--aw-line); }
body[data-role="admin"] :is(.a-button,.a-icon,.a-search,.a-filter select,.a-order,table,.a-dialog,.a-field input,.a-field select, .a-field textarea) { background:var(--aw-panel); color:var(--aw-text); border-color:var(--aw-line); }
body[data-role="admin"] .a-button.primary { background:#245dc1; border-color:#245dc1; color:#fff; }
body[data-role="admin"] .a-button.danger { color:#d95d54; }
body[data-role="admin"] :is(.a-section,.a-order footer,.a-definition > *,td,th,.table-wrap) { border-color:var(--aw-line); }
body[data-role="admin"] .a-section { margin-top:20px; padding-top:20px; }
body[data-role="admin"] .a-metrics { gap:0; background:var(--aw-panel); border-block:1px solid var(--aw-line); margin:18px 0 24px; }
body[data-role="admin"] .a-metrics > div { padding:20px; border-bottom:0; border-right:1px solid var(--aw-line); }
body[data-role="admin"] .a-metrics > div:last-child { border-right:0; }
body[data-role="admin"] :is(.a-metrics strong,.a-distribution strong) { color:var(--aw-text); font-size:27px; font-variant-numeric:tabular-nums; }
body[data-role="admin"] .a-metrics > div:nth-child(2) strong { color:var(--aw-accent); }
body[data-role="admin"] .a-metrics > div:nth-child(3) strong { color:#269c76; }
body[data-role="admin"] :is(.a-muted,.a-connection,.a-metrics span,.a-metrics small,.a-filter,.a-order-meta,.a-order footer small,td small,.a-order header span:not(.a-badge),.a-empty,.a-distribution a) { color:var(--aw-muted); }
body[data-role="admin"] .a-distribution { background:var(--aw-panel); border-block:1px solid var(--aw-line); gap:0; }
body[data-role="admin"] .a-distribution a { padding:16px; border-right:1px solid var(--aw-line); }
body[data-role="admin"] :is(.a-heading a,.a-audit a,td a) { color:var(--aw-accent); }
body[data-role="admin"] th { background:var(--aw-soft); color:var(--aw-muted); padding:12px 14px; }
body[data-role="admin"] td { padding:12px 14px; }
body[data-role="admin"] tbody tr:hover { background:var(--aw-soft); }
body[data-role="admin"] :is(.a-info,.a-badge) { background:var(--aw-soft); color:var(--aw-text); }
body[data-role="admin"] .a-badge.done, body[data-role="admin"] .a-badge.ready { background:#176f4522; color:#269c76; }
body[data-role="admin"] .a-badge.cancelled { background:#c84b3522; color:#d95d54; }
body[data-role="admin"] .a-badge.blue { background:var(--aw-selected); color:var(--aw-accent); }
body[data-role="admin"] .a-note { color:var(--aw-accent); }
body[data-role="admin"] input { color:var(--aw-text); }
body[data-role="admin"] :focus-visible { outline:2px solid #719fea; outline-offset:3px; }
body[data-auth-role="admin"] .theme-toggle { position:fixed; right:24px; top:20px; color:var(--aw-text); background:var(--aw-panel); border-color:var(--aw-line); }
body[data-auth-role="admin"] :is(.auth-shell,.auth-content,.auth-password,input) { background:var(--aw-panel); color:var(--aw-text); border-color:var(--aw-line); }
body[data-auth-role="admin"] .auth-admin { border-top-color:var(--aw-accent); }
body[data-auth-role="admin"] .auth-submit { background:#245dc1; border-radius:6px; }
body[data-auth-role="admin"] .auth-brand a { color:var(--aw-accent); }
body[data-auth-role="admin"] :is(h1,label,.auth-brand) { color:var(--aw-text); }
body[data-auth-role="admin"] :is(p,.auth-footer) { color:var(--aw-muted); }
@media(max-width:1100px) { .admin-sidebar .auth-account span { display:none; } body[data-role="admin"] .admin-sidebar { gap:12px; } .workspace-group-toggle { padding:0 10px; } }
@media(max-width:780px) {
  body[data-role="admin"] .admin-sidebar { padding:0 14px; min-height:58px; gap:8px; }
  body[data-role="admin"] .admin-sidebar-brand { font-size:14px; min-height:58px; }
  .workspace-mobile { display:grid; margin-left:auto; }
  .theme-toggle { margin-left:0; }
  .admin-sidebar .auth-account { max-width:70px; }
  .admin-sidebar .auth-account button { font-size:11px; padding:7px; }
  body[data-role="admin"] .admin-menu { display:none; position:absolute; top:58px; left:0; right:0; max-height:calc(100dvh - 80px); overflow:auto; padding:10px 14px; background:var(--aw-panel); border-bottom:1px solid var(--aw-line); }
  body[data-role="admin"] .menu-open .admin-menu { display:block; }
  .workspace-group { display:block; }
  .workspace-group-toggle { width:100%; justify-content:space-between; color:var(--aw-text); min-height:46px; }
  .workspace-group-toggle:hover,.workspace-group-toggle[aria-expanded="true"] { background:var(--aw-soft); color:var(--aw-text); }
  .workspace-links { position:static; width:100%; box-shadow:none; border:0; }
  body[data-role="admin"] .topbar { top:58px; padding:12px 16px; min-height:72px; }
  body[data-role="admin"] #app { padding:14px 16px 32px; }
  body[data-role="admin"] .a-metrics > div { padding:14px; border-bottom:1px solid var(--aw-line); }
  body[data-role="admin"] .a-metrics strong { font-size:23px; }
  body[data-role="admin"] .a-distribution a { padding:12px; }
}