:root{color-scheme:dark;--bg:#050817;--surface:#101627;--ink:#f1f5ff;--muted:#a0abc0;--line:#283149;--accent:#32dcf1;--accent-soft:#122d42;--sidebar:#070b1b;--side-text:#a9b5cf;--success:#63e6bd;--danger:#ff8ba3;--radius:20px;--small:11px;--shadow:0 16px 50px #0003;--gradient:linear-gradient(110deg,#08bbd9,#3868ff);--neon:linear-gradient(110deg,#22d3ee,#a368f7)}
body{background:radial-gradient(ellipse at 85% 10%,#12203a60,transparent 50%),radial-gradient(ellipse at 10% 75%,#36164b30,transparent 45%),var(--bg);color:var(--ink)}
h1,h2,.brand{font-family:Consolas,'Courier New',monospace}button{background:var(--gradient);color:#fff;box-shadow:0 4px 20px #00c8f51a}button.secondary{background:#152d45;color:#68dff6;box-shadow:none;border:1px solid #254d65}button.ghost{background:transparent;box-shadow:none;color:var(--muted)}button.danger{background:#78273f;color:#fff}a{color:var(--accent)}input,select,textarea{background:#090f21;border-color:#303b55;color:var(--ink)}input::placeholder,textarea::placeholder{color:#7b89a4}input:focus,select:focus,textarea:focus{border-color:var(--accent)}:focus-visible{outline-color:var(--accent)}.sidebar{border-right:1px solid #242c45;background:linear-gradient(180deg,#0b1022f5,#060919)}.brand{display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand span{background:#21304c;color:#7ae8f5;border:1px solid #36506b;margin:0}.brand img{width:38px;height:38px;border-radius:11px;object-fit:cover}.brand a{color:var(--ink);font-size:24px}.nav-button{box-shadow:none}.nav-button.active{background:linear-gradient(100deg,#103849,#302054);box-shadow:inset 3px 0 var(--accent),0 0 25px #00c2e70a}.sidebar-footer{border-color:var(--line)}.sidebar-footer strong{color:var(--ink)}.topbar{border-color:var(--line)}.avatar{background:linear-gradient(135deg,#13596f,#543482);color:#a2f5ff}.card,.stat{background:linear-gradient(130deg,#172034a6,#0c1022e8);border-color:var(--line);backdrop-filter:blur(14px)}.stat{position:relative;overflow:hidden}.stat:before{content:'';position:absolute;top:0;left:24px;width:40px;height:2px;background:var(--neon)}.stat strong{color:#f1f8ff}.stat:first-child strong{color:var(--accent)}.eyebrow{color:var(--accent)}th{background:#0b1123;color:#96a9c7}td,th{border-color:#263149}td a{color:#72c9dc}.badge{background:#1e2940;color:#becce3}.badge.green{background:#0b3934;color:#71e6bd}.badge.red{background:#421e34;color:#ffa8ba}.badge.blue{background:#14304b;color:#8cdaff}.notice{background:#342b1b;color:#f1d393;border:1px solid #69552c}.notice.info{background:#10334688;color:#a1e6ef;border:1px solid #24536a}.summary-price{color:var(--accent)}.empty-symbol{color:#566783}.empty strong{color:var(--ink)}.progress{background:#273652}.progress div{background:var(--gradient)}#toast{background:#13213a;border:1px solid #38577b}.auth-story{background:linear-gradient(90deg,#05081740,#050817a6),linear-gradient(0deg,#050817,#05081720),url('/static/images/hero-cyberpunk-bg.jpg') center/cover}.auth-story h1{font-size:44px}.auth-line{background:var(--neon);box-shadow:0 0 25px #2bd7ec77}.auth-form{background:#050817e8}.auth-form h2{color:var(--ink)}.auth-story .brand{margin-bottom:70px}.auth-story .brand img{height:60px;width:60px}.auth-story p{color:#c5d3e9}dialog{background:#10182b;color:var(--ink);border-color:#3e5474;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#020617b0;backdrop-filter:blur(5px)}
@media(max-width:700px){.auth-story{padding:26px}.auth-story h1{font-size:30px}.auth-story .brand{margin-bottom:24px}.sidebar .brand img{width:31px;height:31px}.brand a{font-size:22px}.nav-button.active{box-shadow:inset 0 -2px var(--accent)}.card,.stat{backdrop-filter:none}.topbar{border-color:#29314b}}