@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-tertiary:#1f2937;--card-bg:#111827b3;--card-border:#ffffff14;--card-hover-border:#3b82f666;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f626;--accent-emerald:#10b981;--accent-emerald-glow:#10b98126;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf626;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b26;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e26;--font-sans:"Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--sidebar-width:260px;--header-height:70px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #3b82f626}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), #2563eb);color:#fff;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{background-color:var(--bg-tertiary);border-color:var(--card-border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-secondary);background-color:#ffffff0d}.btn-danger{background:linear-gradient(135deg, var(--accent-rose), #e11d48);color:#fff}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e4d}.btn-success{background:linear-gradient(135deg, var(--accent-emerald), #059669);color:#fff}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b9814d}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--shadow-lg);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--card-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);background-color:#111827cc;border-radius:10px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{background-color:var(--accent-blue-glow);color:#60a5fa}.badge-emerald{background-color:var(--accent-emerald-glow);color:#34d399}.badge-purple{background-color:var(--accent-purple-glow);color:#a78bfa}.badge-amber{background-color:var(--accent-amber-glow);color:#fbbf24}.badge-rose{background-color:var(--accent-rose-glow);color:#f87171}.grid-cols-4{grid-template-cols:repeat(4, 1fr);gap:20px;display:grid}@media (width<=1200px){.grid-cols-4{grid-template-cols:repeat(2, 1fr)}}@media (width<=600px){.grid-cols-4{grid-template-cols:1fr}}.flex-center{justify-content:center;align-items:center;display:flex}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, #2a3547 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}