*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #09090B;--bg1: #111113;--bg2: #18181C;--bg3: #1F1F26;--bg4: #27272F;--border: rgba(255, 187, 51, .08);--border2: rgba(255, 187, 51, .18);--text1: #F2EFE9;--text2: #8A8480;--text3: #4A4640;--accent: #FFBB33;--accent2: #22d47a;--accentg: rgba(255, 187, 51, .12);--blueg: rgba(34, 212, 122, .12);--green: #22d47a;--greeng: rgba(34, 212, 122, .12);--red: #f05252;--redg: rgba(240, 82, 82, .12);--amber: #f0b952;--amberg: rgba(240, 185, 82, .12);--purple: #a78bfa;--purpleg: rgba(167, 139, 250, .12);--font: "Inter", system-ui, sans-serif;--display: "Oswald", sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--sidebar: 228px;--radius: 10px;--radius-sm: 6px}html,body,#root{height:100%;background:var(--bg0);color:var(--text1);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp .4s ease both}.animate-delay-1{animation-delay:.05s}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.animate-delay-5{animation-delay:.25s}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar)}.page-scroll{flex:1;overflow-y:auto;padding:28px 32px 48px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}input,select,textarea{font-family:var(--font);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text1);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffbb3324}input::placeholder{color:var(--text3)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;transition:all .15s;letter-spacing:.01em}.btn-primary{background:var(--accent);color:#0d0a00;font-family:var(--display);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.btn-primary:hover{background:#ffd060;transform:translateY(-1px);box-shadow:0 4px 20px #ffbb3359}.btn-ghost{background:var(--bg3);border:1px solid var(--border2);color:var(--text2)}.btn-ghost:hover{color:var(--text1);border-color:var(--accent)}.btn-danger{background:var(--redg);border:1px solid rgba(240,82,82,.25);color:var(--red)}.btn-danger:hover{background:#f0525233}.btn-green{background:var(--greeng);border:1px solid rgba(32,212,114,.25);color:var(--green)}.btn-green:hover{background:#20d47233}.btn-sm{padding:5px 11px;font-size:12.5px}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.toggle{position:relative;width:42px;height:23px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:var(--bg4);cursor:pointer;transition:background .2s}.toggle-track:before{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:var(--text3);top:3px;left:3px;transition:transform .2s,background .2s}.toggle input:checked+.toggle-track{background:var(--green)}.toggle input:checked+.toggle-track:before{background:#fff;transform:translate(19px)}.toggle input.red:checked+.toggle-track{background:var(--red)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11.5px;font-weight:600;letter-spacing:.03em}.badge-green{background:var(--greeng);color:var(--green)}.badge-red{background:var(--redg);color:var(--red)}.badge-amber{background:var(--amberg);color:var(--amber)}.badge-accent{background:var(--blueg);color:var(--accent2)}.badge-purple{background:var(--purpleg);color:var(--purple)}.spinner{width:18px;height:18px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.mobile-header,.mobile-overlay{display:none}@media (max-width: 768px){:root{--sidebar: 0px}.main-content{margin-left:0}.page-scroll{padding:16px 16px 80px}.mobile-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90;flex-shrink:0}.mobile-menu-btn{background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text1);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sidebar-drawer{transform:translate(-100%);transition:transform .25s ease}.sidebar-drawer.open{transform:translate(0);box-shadow:8px 0 40px #000000b3}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:99}}