:root{--bg: #f5f7fb;--bg2: #eef1f8;--bg3: #e4e9f2;--glass: rgba(255,255,255,.75);--glass2: rgba(255,255,255,.9);--glass3: rgba(255,255,255,.97);--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.14);--t1: #1a202c;--t2: #2d3748;--t3: #718096;--t4: #a0aec0;--amber: #d97706;--amber2: #b45309;--amber-glow: rgba(217,119,6,.13);--amber-glow2: rgba(217,119,6,.07);--blue: #2563eb;--blue-glow: rgba(37,99,235,.1);--green: #059669;--green-glow: rgba(5,150,105,.1);--red: #dc2626;--red-glow: rgba(220,38,38,.09);--purple: #7c3aed;--purple-glow: rgba(124,58,237,.1);--radius: 16px;--font: "Nunito", system-ui, sans-serif;--sidebar-bg: rgba(255,255,255,.92);--btn-text: #fff;--card-shadow: rgba(0,0,0,.07);--modal-bg: rgba(255,255,255,.97);--modal-shadow: 0 24px 64px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.06);--modal-inset: inset 0 1px 0 rgba(255,255,255,.8)}[data-theme=dark]{--bg: #080e1a;--bg2: #0c1424;--bg3: #111c30;--glass: rgba(255,255,255,.03);--glass2: rgba(255,255,255,.06);--glass3: rgba(255,255,255,.09);--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--t1: rgba(255,255,255,.92);--t2: rgba(255,255,255,.65);--t3: rgba(255,255,255,.4);--t4: rgba(255,255,255,.2);--amber: #f6ad55;--amber2: #ed8936;--amber-glow: rgba(246,173,85,.15);--amber-glow2: rgba(246,173,85,.08);--blue: #63b3ed;--blue-glow: rgba(99,179,237,.12);--green: #68d391;--green-glow: rgba(104,211,145,.12);--red: #fc8181;--red-glow: rgba(252,129,129,.1);--purple: #b794f4;--purple-glow: rgba(183,148,244,.12);--sidebar-bg: rgba(8,14,26,.6);--btn-text: #1a0e00;--card-shadow: rgba(0,0,0,.3);--modal-bg: rgba(12,20,36,.92);--modal-shadow: 0 40px 80px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);--modal-inset: inset 0 1px 0 rgba(255,255,255,.05)}[data-theme=forest]{--bg: #f0f5f1;--bg2: #e6efe8;--bg3: #dbe8de;--glass: rgba(0,0,0,.05);--glass2: rgba(0,0,0,.09);--glass3: rgba(0,0,0,.13);--border: rgba(0,0,0,.11);--border2: rgba(0,0,0,.2);--t1: rgba(8,28,14,.93);--t2: rgba(8,28,14,.75);--t3: rgba(8,28,14,.55);--t4: rgba(8,28,14,.38);--amber: #2d6a4f;--amber2: #1b4332;--amber-glow: rgba(45,106,79,.14);--amber-glow2: rgba(45,106,79,.07);--blue: #40916c;--blue-glow: rgba(64,145,108,.13);--green: #52b788;--green-glow: rgba(82,183,136,.13);--red: #c0392b;--red-glow: rgba(192,57,43,.09);--purple: #6b4f9e;--purple-glow: rgba(107,79,158,.11);--sidebar-bg: rgba(219,232,222,.85);--btn-text: #fff;--card-shadow: rgba(0,0,0,.1);--modal-bg: rgba(240,245,241,.97);--modal-shadow: 0 24px 64px rgba(0,0,0,.1), 0 4px 16px rgba(0,0,0,.06);--modal-inset: inset 0 1px 0 rgba(255,255,255,.7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--t2);overflow-x:hidden}::selection{background:var(--amber-glow);color:var(--t1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}input,select,button{font-family:var(--font)}input::placeholder{color:var(--t4)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--amber-glow)}50%{box-shadow:0 0 40px var(--amber-glow2)}}.fadeUp{animation:fadeUp .45s ease-out both}.fadeIn{animation:fadeIn .35s ease-out both}.card{background:var(--glass);border:1px solid var(--border);border-radius:20px;transition:all .25s ease}.card:hover{background:var(--glass2);border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 32px var(--card-shadow)}.btn-primary{background:linear-gradient(135deg,var(--amber2),var(--amber));color:var(--btn-text);border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px var(--amber-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px var(--amber-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:var(--glass2);color:var(--t2);border:1px solid var(--border);border-radius:12px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-ghost:hover{background:var(--glass3);color:var(--t1)}.input{width:100%;padding:14px 18px;border-radius:14px;border:1px solid var(--border2);background:var(--glass3);color:var(--t1);font-size:15px;outline:none;transition:all .2s;box-shadow:inset 0 1px 3px #0000000a}.input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-glow)}.page-title{color:var(--t1);font-size:28px;font-weight:800;letter-spacing:-.8px;margin-bottom:4px}.page-sub{color:var(--t3);font-size:14px;margin-bottom:28px}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.02;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}