@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-0:#0a0b0f;--bg-1:#111318;--bg-2:#181b22;--bg-3:#1e2230;--border:#ffffff12;--border-hover:#ffffff24;--accent:#ff6b35;--accent-2:#ffa552;--accent-glow:#ff6b3538;--green:#2dd4aa;--green-glow:#2dd4aa2e;--blue:#5b8dee;--blue-glow:#5b8dee2e;--purple:#a78bfa;--red:#f87171;--text-1:#f0f2f8;--text-2:#8891a8;--text-3:#4f5770;--radius:16px;--radius-sm:10px;--radius-xs:6px;--shadow:0 4px 40px #00000080;--font:"Sora", sans-serif;--mono:"JetBrains Mono", monospace;--sidebar-w:240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:100vh}h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}h2{letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}h3{font-size:1.1rem;font-weight:700}p{color:var(--text-2);line-height:1.7}a{color:inherit;text-decoration:none}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.card-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;margin-bottom:20px;font-size:.72rem;font-weight:700;display:flex}.card-title:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:14px}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn:active{transform:scale(.97)!important}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 4px 18px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 28px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-3);color:var(--text-2);border:1px solid var(--border)}.btn-secondary:hover{color:var(--text-1);border-color:var(--border-hover)}.btn-green{background:linear-gradient(135deg, #1f9e78, var(--green));color:#fff;box-shadow:0 4px 18px var(--green-glow)}.btn-green:hover{box-shadow:0 8px 28px var(--green-glow);transform:translateY(-2px)}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-1);border-color:var(--border-hover)}.btn-danger{color:var(--red);background:#f871711f;border:1px solid #f8717138}.btn-danger:hover{background:#f8717138}.btn-sm{padding:7px 14px;font-size:.78rem}.btn-lg{padding:14px 30px;font-size:.95rem}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-xs);background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.btn-icon:hover{border-color:var(--accent);color:var(--accent)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}label{color:var(--text-2);letter-spacing:.03em;font-size:.74rem;font-weight:600}input,select,textarea{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font);outline:none;width:100%;padding:10px 14px;font-size:.88rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--text-3)}textarea{resize:vertical;min-height:80px}select option{background:var(--bg-2)}.badge{letter-spacing:.04em;border-radius:20px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-orange{background:var(--accent-glow);color:var(--accent)}.badge-green{background:var(--green-glow);color:var(--green)}.badge-blue{background:var(--blue-glow);color:var(--blue)}.badge-red{color:var(--red);background:#f8717126}.badge-purple{color:var(--purple);background:#a78bfa26}.toggle-row{justify-content:space-between;align-items:center;padding:9px 0;display:flex}.toggle-label{font-size:.85rem;font-weight:500}.toggle-switch{cursor:pointer;width:40px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{background:var(--bg-3);border:1px solid var(--border);border-radius:11px;transition:all .25s;position:absolute;inset:0}.toggle-switch input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-knob{background:var(--text-2);pointer-events:none;border-radius:50%;width:14px;height:14px;transition:all .25s;position:absolute;top:3px;left:3px}.toggle-switch input:checked~.toggle-knob{background:#fff;left:21px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.section-title{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.section-subtitle{color:var(--text-3);margin-top:4px;font-size:.82rem}.section-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.stat-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}.stat-label{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.7rem;font-weight:700}.stat-value{font-size:1.8rem;font-weight:800;font-family:var(--mono);letter-spacing:-.02em}.stat-delta{color:var(--text-3);margin-top:4px;font-size:.75rem}.empty-state{text-align:center;color:var(--text-3);padding:48px 24px}.empty-state .empty-icon{margin-bottom:14px;font-size:44px}.empty-state h3{color:var(--text-2);margin-bottom:6px;font-size:1rem}.empty-state p{font-size:.82rem}.info-box{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:.82rem}.info-box.blue{background:var(--blue-glow);border:1px solid #5b8dee4d}.info-box.green{background:var(--green-glow);border:1px solid #2dd4aa4d}.info-box.orange{background:var(--accent-glow);border:1px solid #ff6b354d}.info-box a{color:var(--accent-2);text-decoration:underline}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:800;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:520px;max-height:90vh;padding:32px;animation:.28s cubic-bezier(.34,1.56,.64,1) modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title{margin-bottom:20px;font-size:1.1rem;font-weight:700}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-3);border:1px solid var(--border-hover);border-radius:var(--radius-sm);box-shadow:var(--shadow);pointer-events:all;align-items:center;gap:8px;max-width:340px;padding:12px 18px;font-size:.82rem;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(30px)scale(.9)}to{opacity:1;transform:none}}.toast.success{border-color:#2dd4aa59}.toast.error{border-color:#f8717159}.toast.info{border-color:#5b8dee59}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.animate-in{animation:.3s forwards fadeIn}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.form-row,.form-row-3{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}}