/* The dark theme tokens and the surfaces that need them. */

:root[data-theme=dark]{--bg:#131316;--sf:#1e1e24;--tx:#f0efe9;--mu:#a3a096;--bd:#33333c;--pri:#ffc94a;--pt:#17140a;--ac:#d4a017;--in:#a9b8ff;--inb:#1f2440;--sb:#0c0c13;color-scheme:dark}
:root[data-theme=dark] .side{background:var(--sb);color:var(--tx);border-right:1px solid var(--bd)}
:root[data-theme=dark] .side button:hover{background:rgba(255,255,255,.06)}
:root[data-theme=dark] .side button[aria-current=page]{background:rgba(255,201,74,.16);color:#ffe9ad}
:root[data-theme=dark] .side .sub{border-left-color:var(--bd)}
:root[data-theme=dark] .side .grp[data-has]{background:rgba(255,255,255,.05)}
:root[data-theme=dark] .brand small{color:var(--mu);opacity:1}
:root[data-theme=dark] .card,:root[data-theme=dark] .tw,:root[data-theme=dark] .dlg{border-radius:14px}
:root[data-theme=dark] .ov{background:rgba(4,4,10,.7)}
:root[data-theme=dark] .card,:root[data-theme=dark] .tw{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
:root[data-theme=dark] #login{background:radial-gradient(900px 520px at 50% -8%,rgba(255,201,74,.3),transparent 62%),radial-gradient(640px 420px at 92% 108%,rgba(212,160,23,.14),transparent 60%),#0b0b0d}
:root[data-theme=dark] .lc{background:rgba(30,30,36,.82);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55);backdrop-filter:blur(14px)}
:root[data-theme=dark] .lc input{background:#131316;border-color:#3a3a44;color:var(--tx)}
:root[data-theme=dark] .lc input:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 3px rgba(255,201,74,.3)}
:root[data-theme=dark] #lb{background:linear-gradient(135deg,#ffd45c,#e8ab0e);border-color:transparent;color:#17140a;box-shadow:0 10px 26px rgba(232,171,14,.45)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131316;--sf:#1e1e24;--tx:#f0efe9;--mu:#a3a096;--bd:#33333c;--pri:#ffc94a;--pt:#17140a;--ac:#d4a017;--in:#a9b8ff;--inb:#1f2440;--sb:#0e0e10;color-scheme:dark}
:root:not([data-theme=light]) .side{background:var(--sb);color:var(--tx);border-right:1px solid var(--bd)}
:root:not([data-theme=light]) .side button:hover{background:rgba(255,255,255,.06)}
:root:not([data-theme=light]) .side button[aria-current=page]{background:rgba(255,201,74,.16);color:#ffe9ad}
:root:not([data-theme=light]) .side .sub{border-left-color:var(--bd)}
:root:not([data-theme=light]) .side .grp[data-has]{background:rgba(255,255,255,.05)}
:root:not([data-theme=light]) .brand small{color:var(--mu);opacity:1}
:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .tw,:root:not([data-theme=light]) .dlg{border-radius:14px}
:root:not([data-theme=light]) .ov{background:rgba(4,4,10,.7)}
:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .tw{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
:root:not([data-theme=light]) #login{background:radial-gradient(900px 520px at 50% -8%,rgba(255,201,74,.3),transparent 62%),radial-gradient(640px 420px at 92% 108%,rgba(212,160,23,.14),transparent 60%),#0b0b0d}
:root:not([data-theme=light]) .lc{background:rgba(30,30,36,.82);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55);backdrop-filter:blur(14px)}
:root:not([data-theme=light]) .lc input{background:#131316;border-color:#3a3a44;color:var(--tx)}
:root:not([data-theme=light]) .lc input:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 3px rgba(255,201,74,.3)}
:root:not([data-theme=light]) #lb{background:linear-gradient(135deg,#ffd45c,#e8ab0e);border-color:transparent;color:#17140a;box-shadow:0 10px 26px rgba(232,171,14,.45)}
}

.lc{box-shadow:0 20px 60px rgba(0,0,0,.25)}