@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--primary-color:#3b82f6;--primary-rgb:59, 130, 246;--secondary-color:#1e293b;--secondary-rgb:30, 41, 59;--accent-color:#8b5cf6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-focus:#93c5fd;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-premium:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s ease;--sidebar-width:260px}[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#1f2937;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--shadow-premium:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;gap:32px;min-height:100vh;padding:40px;display:flex}.auth-container{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-premium);flex-direction:column;gap:24px;padding:40px;display:flex}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:24px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-group{flex-direction:column;gap:8px;display:flex}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .15)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px rgba(var(--primary-rgb), .25)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.grid{gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:20px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.mobile-nav-bar{display:none}@media (width<=768px){.mobile-nav-bar{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-around;align-items:center;height:60px;padding:6px 12px;position:fixed;bottom:0;left:0;right:0;display:flex!important}}