@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--gradient-primary:linear-gradient(135deg, var(--primary-600), var(--primary-800));--gradient-success:linear-gradient(135deg, #10b981, #047857);--gradient-glass:linear-gradient(135deg, #ffffffe6, #ffffffb3);--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-50:#ecfdf5;--success-500:#10b981;--warning-50:#fffbeb;--warning-500:#f59e0b;--error-50:#fef2f2;--error-500:#ef4444;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 12px 24px #00000014;--shadow-glow:0 8px 20px #4f46e540;--shadow-glass:inset 0 1px 0 #ffffff80, 0 8px 20px #0000000d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-default:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--gray-900);letter-spacing:-.025em;font-weight:700}a{color:var(--primary-600);transition:color var(--transition-fast);font-weight:500;text-decoration:none}a:hover{color:var(--primary-800)}.glass{background:var(--gradient-glass);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-glass);border:1px solid #fffc}.card{border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-bounce), box-shadow var(--transition-default);background:#fff;border:1px solid #00000008}.card-hover:hover,.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-bounce);font-weight:600;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4f46e559}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--gray-200);color:var(--gray-700);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.layout{background-color:var(--gray-50);min-height:100vh;display:flex}.sidebar{width:280px;padding:var(--space-xl);z-index:10;background:#fff;border-right:1px solid #00000008;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #00000005}.main-content{padding:var(--space-xl) 3rem;flex:1;width:100%;max-width:1200px;margin:0 auto}.nav-link{border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--gray-600);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1.25rem;font-weight:500;display:flex}.nav-link:hover{background-color:var(--gray-50);color:var(--gray-900);transform:translate(4px)}.nav-link.active{background:var(--primary-50);color:var(--primary-600);box-shadow:inset 3px 0 0 var(--primary-600);font-weight:600}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.w-full{width:100%}.h-full{height:100%}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.25rem}.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}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-primary-100{color:var(--primary-100)}.text-primary-600{color:var(--primary-600)}.text-red-500{color:var(--error-500)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-primary-50{background-color:var(--primary-50)}.bg-primary-600{background-color:var(--primary-600)}.bg-red-50{background-color:var(--error-50)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:1.5rem}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--gray-200)}.border-red-200{border-color:#fecaca}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.absolute{position:absolute}.relative{position:relative}.bottom-8{bottom:2rem}.left-8{left:2rem}.right-8{right:2rem}.overflow-hidden{overflow:hidden}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";background:radial-gradient(circle,#fff3 0%,#fff0 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.stat-value{color:var(--gray-900);letter-spacing:-.05em;margin-bottom:.25rem;font-size:2.25rem;font-weight:800}.stat-label{color:var(--gray-500);font-size:.875rem;font-weight:500}.premium-gradient-card{background:var(--gradient-primary);color:#fff;border:none}.premium-gradient-card .stat-value{color:#fff}.premium-gradient-card .stat-label{color:var(--primary-100)}.quick-action-btn{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--gray-700);transition:all var(--transition-bounce);cursor:pointer;background:#fff;border:1px solid #00000008;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:1.5rem;font-weight:600;display:flex}.quick-action-btn:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200);color:var(--primary-700);transform:translateY(-4px)}.quick-action-icon{transition:transform var(--transition-bounce);margin-bottom:.75rem;font-size:2rem;display:inline-block}.quick-action-btn:hover .quick-action-icon{transform:scale(1.1)translateY(-2px)}.spinner{border:3px solid #0000001a;border-left-color:var(--primary-600);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}