@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap");:root{--bg-main:#070a12;--bg-surface:#0f172a;--bg-card:rgba(15,23,42,0.75);--bg-card-hover:rgba(30,41,59,0.85);--border-color:rgba(255,255,255,0.08);--border-focus:rgba(99,102,241,0.5);--primary:#6366f1;--primary-glow:rgba(99,102,241,0.3);--accent-purple:#a855f7;--accent-pink:#ec4899;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 10% 10%,rgba(99,102,241,.12) 0,transparent 40%),radial-gradient(circle at 90% 10%,rgba(168,85,247,.1) 0,transparent 40%),radial-gradient(circle at 50% 90%,rgba(16,185,129,.08) 0,transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,sans-serif}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:rgba(11,17,32,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);padding:24px 16px;display:flex;flex-direction:column;justify-content:space-between;position:fixed;height:100vh;z-index:50}.main-content{margin-left:280px;flex:1;padding:40px;max-width:1400px}.brand-logo{gap:14px;padding-bottom:24px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.brand-icon,.brand-logo{display:flex;align-items:center}.brand-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);justify-content:center;color:white;box-shadow:0 8px 20px var(--primary-glow)}.brand-title{font-size:20px;font-weight:800;color:#ffffff;letter-spacing:-.5px}.brand-sub{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.nav-link:hover{background:rgba(255,255,255,.05);color:var(--text-main);transform:translateX(4px)}.nav-link.active{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(168,85,247,.15));border:1px solid rgba(99,102,241,.4);color:#ffffff;font-weight:600;box-shadow:0 4px 15px rgba(99,102,241,.15)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:20px;padding:28px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.glass-card{background:rgba(30,41,59,.35);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;transition:all .25s ease}.glass-card:hover{background:var(--bg-card-hover);border-color:rgba(255,255,255,.15);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.4)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#ffffff;box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 8px 25px rgba(99,102,241,.4)}.btn-secondary{background:rgba(255,255,255,.08);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-indigo{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.badge-emerald{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-amber{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-rose{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-label{font-size:13px;font-weight:600;color:var(--text-muted)}.input-field,.select-field,.textarea-field{width:100%;background:rgba(15,23,42,.8);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;color:#ffffff;font-size:14px;font-family:inherit;transition:all .2s ease}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.page-header{margin-bottom:32px}.page-title{font-size:32px;font-weight:800;color:#ffffff;letter-spacing:-.8px}.page-desc{font-size:15px;color:var(--text-muted);margin-top:6px}