@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Fraunces:ital,wght@0,300;0,600;0,700;1,300;1,600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--ff-body:"Plus Jakarta Sans",sans-serif;--ff-display:"Fraunces",serif;--ff-mono:"JetBrains Mono",monospace;--ink:#0f0f1a;--ink-2:#1e1e35;--ink-3:#2d2d50;--muted:#6e6e9a;--subtle:#a0a0c0;--border:#e4e4f0;--border-soft:#f0f0f8;--surface:#fff;--bg:#f8f8fd;--accent:#4f46e5;--accent-light:#eef2ff;--accent-mid:#818cf8;--gold:#d97706;--gold-light:#fef3c7;--emerald:#059669;--emerald-light:#d1fae5;--rose:#e11d48;--rose-light:#fff1f2;--sky:#0284c7;--sky-light:#e0f2fe;--violet:#7c3aed;--violet-light:#ede9fe;--orange:#ea580c;--orange-light:#fff7ed;--c1:#1d4ed8;--c1-l:#dbeafe;--c2:#15803d;--c2-l:#dcfce7;--c3:#c2410c;--c3-l:#ffedd5;--c4:#7e22ce;--c4-l:#f3e8ff;--c5:#be123c;--c5-l:#ffe4e6;--c6:#0f766e;--c6-l:#ccfbf1;--shadow-sm:0 2px 8px #0f0f1a12;--shadow-md:0 8px 24px #0f0f1a1a;--shadow-lg:0 20px 60px #0f0f1a21;--shadow-glow:0 0 0 3px #4f46e526;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--sidebar-w:268px;--topbar-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--ff-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.65}a{color:inherit;text-decoration:none}button{font-family:var(--ff-body);cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--ink);z-index:200;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;padding:0 28px;display:flex;position:sticky;top:0}.page{flex:1;padding:28px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-up{animation:.3s both fadeUp}.anim-up-1{animation:.3s 50ms both fadeUp}.anim-up-2{animation:.3s .1s both fadeUp}.anim-up-3{animation:.3s .15s both fadeUp}.anim-up-4{animation:.3s .2s both fadeUp}.layout-sidebar{z-index:200;background:#0f0f1a;flex-direction:column;width:268px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.layout-main{flex-direction:column;flex:1;min-height:100vh;margin-left:268px;display:flex}.layout-content{flex:1;padding:28px}.topbar{z-index:100;background:#fff;border-bottom:1px solid #e4e4f0;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.overlay{display:none}.login-wrap{background:linear-gradient(135deg,#0f0f1a 0%,#1e1e35 60%,#14103a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:40px 36px;box-shadow:0 24px 64px #0006}.login-input{letter-spacing:2px;background:#f8f8fd;border:1.5px solid #e4e4f0;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;transition:border-color .15s}.login-input:focus{background:#fff;border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:10px;width:100%;margin-top:16px;padding:13px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;transition:all .15s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4f46e559}.login-btn:active{transform:translateY(0)}.login-error{color:#991b1b;text-align:center;background:#fee2e2;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13.5px}@media (width<=768px){.layout-sidebar{box-shadow:none;transform:translate(-100%)}.layout-sidebar.open{transform:translate(0);box-shadow:8px 0 40px #00000080}.layout-main{margin-left:0}.layout-content{padding:16px}.overlay{display:block!important}.topbar-desktop{display:none!important}}@media (width>=769px){.topbar-mobile-btn{display:none!important}}