@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0f172a;--bg-panel:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--border-color:#334155;--glow-primary:#3b82f680;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#1e293bb3;border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), #2563eb);color:#fff;box-shadow:0 4px 14px 0 var(--glow-primary)}.btn-primary:hover{box-shadow:0 6px 20px 0 var(--glow-primary);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--text-secondary);background:#ffffff0d}.btn-danger{background:linear-gradient(135deg, var(--accent-danger), #dc2626);color:#fff}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:1rem;font-family:var(--font-main);background:#0f172a;border-radius:8px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f633}.text-gradient{background:linear-gradient(90deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--accent-secondary)}.text-warning{color:var(--accent-warning)}.text-danger{color:var(--accent-danger)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=768px){.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}.badge{text-transform:uppercase;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:var(--accent-secondary);background:#10b98133}.badge-warning{color:var(--accent-warning);background:#f59e0b33}.badge-danger{color:var(--accent-danger);background:#ef444433}.nav-container{-webkit-backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 10px 15px -3px #0003}.nav-item{color:var(--text-secondary);border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 20px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:var(--accent-secondary);background:linear-gradient(#10b98126 0%,#0000 100%);border:1px solid #10b98133;font-weight:700;box-shadow:inset 0 1px #10b98133}.nav-item.active svg{filter:drop-shadow(0 0 8px #10b98199)}@media (width<=640px){.nav-text{display:none}.nav-item{padding:8px 12px}}