@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--bg-base:#08080f;--bg-surface:#0f0f1a;--bg-elevated:#16162a;--bg-hover:#1e1e35;--accent:#7c3aed;--accent-light:#9d5bf4;--accent-glow:rgba(124,58,237,0.35);--accent-subtle:rgba(124,58,237,0.12);--cyan:#06b6d4;--cyan-subtle:rgba(6,182,212,0.12);--green:#10b981;--green-subtle:rgba(16,185,129,0.12);--amber:#f59e0b;--red:#ef4444;--text-primary:#f1f1f8;--text-secondary:#9595b0;--text-muted:#55556a;--border:rgba(255,255,255,0.07);--border-hover:rgba(255,255,255,0.13);--font-sans:"Inter",system-ui,sans-serif;--font-display:"Plus Jakarta Sans",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 20px rgba(0,0,0,0.5);--shadow-glow:0 0 40px var(--accent-glow);--shadow-card:0 1px 0 rgba(255,255,255,0.05),0 4px 20px rgba(0,0,0,0.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(135deg,#a78bfa,#7c3aed 40%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--accent) 0,#5b21b6 100%);color:#fff;box-shadow:0 4px 15px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.15)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 25px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.15)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius-lg)}.btn-sm{padding:7px 14px;font-size:13px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s,transform .2s}.card:hover{border-color:var(--border-hover)}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--cyan));opacity:0;transition:opacity .3s;z-index:-1}.card-glow:hover:before{opacity:.5}.input{width:100%;padding:11px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.02em}.badge-accent{background:var(--accent-subtle);color:var(--accent-light);border:1px solid rgba(124,58,237,.2)}.badge-cyan{background:var(--cyan-subtle);color:var(--cyan);border:1px solid rgba(6,182,212,.2)}.badge-green{background:var(--green-subtle);color:var(--green);border:1px solid rgba(16,185,129,.2)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.text-sm{font-size:13px}.text-muted{color:var(--text-secondary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px var(--accent-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:fadeUp .5s ease forwards}.fade-up-delay-1{animation:fadeUp .5s ease .1s forwards;opacity:0}.fade-up-delay-2{animation:fadeUp .5s ease .2s forwards;opacity:0}.fade-up-delay-3{animation:fadeUp .5s ease .3s forwards;opacity:0}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.sidebar{grid-column:1;grid-row:1/-1;background:var(--bg-surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.main-content{grid-column:2;padding:32px;overflow-y:auto}.noise-bg:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}