:root{--bg-0: #0b1020;--bg-1: #0f172a;--bg-2: #1e293b;--bg-3: #334155;--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .12);--text-0: #f8fafc;--text-1: #cbd5e1;--text-2: #94a3b8;--text-3: #64748b;--primary: #38bdf8;--primary-2: #0ea5e9;--accent: #a78bfa;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--diamond: #60a5fa;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--shadow-1: 0 4px 16px rgba(0, 0, 0, .25);--shadow-2: 0 12px 40px rgba(0, 0, 0, .35);--grad-primary: linear-gradient(135deg, #38bdf8 0%, #a78bfa 100%);--grad-success: linear-gradient(135deg, #22c55e 0%, #84cc16 100%);--grad-warn: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text-0);background:radial-gradient(1200px 600px at 10% -10%,rgba(56,189,248,.15),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(167,139,250,.15),transparent 60%),linear-gradient(180deg,#070b1a,#0b1020);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.app.no-sidebar{grid-template-columns:1fr}.main{padding:24px clamp(16px,3vw,40px);max-width:1100px;width:100%;margin:0 auto}.page-title{margin:0 0 4px;font-size:28px;font-weight:800;letter-spacing:-.02em}.page-subtitle{margin:0 0 24px;color:var(--text-2);font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.glass{background:linear-gradient(180deg,#ffffff12,#ffffff08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;font-weight:600;font-size:14px;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{background:var(--grad-primary);color:#0b1020;box-shadow:0 6px 20px #38bdf859}.btn-ghost{background:var(--surface-2);color:var(--text-0);border:1px solid var(--border)}.btn-success{background:var(--grad-success);color:#052e10}.btn-warn{background:var(--grad-warn);color:#2a1300}.btn-danger{background:#ef444426;color:#fecaca;border:1px solid rgba(239,68,68,.35)}.btn-lg{padding:14px 22px;font-size:16px}.btn-block{width:100%}.input,.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text-0);font-size:15px;outline:none;transition:border-color .15s ease,background .15s ease}.input:focus,.textarea:focus{border-color:var(--primary);background:#38bdf80f}.textarea{resize:vertical;min-height:80px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text-1)}.chip.success{background:#22c55e26;color:#86efac;border-color:#22c55e59}.chip.warn{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b59}.chip.primary{background:#38bdf826;color:#7dd3fc;border-color:#38bdf859}.progress{width:100%;height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--grad-primary);border-radius:999px;transition:width .3s ease}.mobile-nav{display:none}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0b1020d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:8px 6px calc(env(safe-area-inset-bottom,0px) + 8px);z-index:50;justify-content:space-around}.mobile-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:11px;color:var(--text-2);border-radius:10px}.mobile-nav .nav-item.active{color:var(--text-0);background:var(--surface-2)}.main{padding-bottom:90px}}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 800px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.muted{color:var(--text-2)}.center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.shine{background:linear-gradient(110deg,#fff0 30%,#ffffff73,#fff0 70%);background-size:200% 100%;animation:shine 2.4s linear infinite;-webkit-background-clip:text;background-clip:text;color:transparent}