:root{--font-primary:"Outfit", sans-serif;--font-secondary:"Plus Jakarta Sans", sans-serif;--bg-dark:#f8fafc;--bg-dark-accent:#fff;--primary:#1d4ed8;--primary-hover:#1e40af;--secondary:#0ea5e9;--secondary-hover:#0284c7;--accent:#ef4444;--text-main:#0f172a;--text-muted:#64748b;--border-color:#0f172a14;--glass-bg:#fff;--glass-border:#1d4ed814;--glass-shadow:0 10px 25px -5px #1d4ed80d, 0 8px 10px -6px #1d4ed80d;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--transition-fast:.2s ease;--transition-normal:.3s ease;--radius-sm:8px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#1d4ed80d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0ea5e90d 0%,#0000 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);padding:24px}.glass-card:hover{border-color:#1d4ed833;box-shadow:0 20px 25px -5px #1d4ed814,0 10px 10px -5px #1d4ed80a}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-secondary);transition:all var(--transition-fast);background:#fff;outline:none;padding:12px 16px;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #1d4ed81a}button{cursor:pointer;font-family:var(--font-primary);transition:all var(--transition-fast);border:none;outline:none;font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #1e40af 100%);color:#fff;border-radius:var(--radius-sm);padding:12px 24px;box-shadow:0 4px 14px #1d4ed840}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1d4ed866}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg, var(--secondary) 0%, #0284c7 100%);color:#fff;border-radius:var(--radius-sm);padding:12px 24px;box-shadow:0 4px 14px #0ea5e940}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg, var(--accent) 0%, #dc2626 100%);color:#fff;border-radius:var(--radius-sm);padding:12px 24px;box-shadow:0 4px 14px #ef444440}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-text{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;padding:8px 16px}.btn-text:hover{color:var(--primary);background:#1d4ed80d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.pulse-ring{animation:2s ease-in-out infinite pulse-ring}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){body{font-size:14px}nav{text-align:center;flex-direction:column!important;gap:12px!important;padding:12px 16px!important}nav>a{justify-content:center}nav>div{flex-wrap:wrap;justify-content:center;width:100%;gap:10px!important}nav a,nav button{padding:6px 12px!important;font-size:.85rem!important}#profil+section,section{padding:20px 0!important}div[style*=gridTemplateColumns],section[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:20px!important}.hero-section{flex-direction:column!important;gap:30px!important;padding:20px 0!important;display:flex!important}h1[style*="fontSize*3.5rem"]{text-align:center;width:100%;font-size:2.2rem!important}div[style*=alignItems\*flex-start]{text-align:center;align-items:center!important}div[style*=heroCta]{flex-wrap:wrap;justify-content:center;width:100%}.dashboard-container{flex-direction:column!important;height:auto!important;min-height:calc(100vh - 80px)!important;overflow-y:auto!important}.dashboard-sidebar{border-right:none!important;border-bottom:1px solid var(--border-color)!important;gap:12px!important;width:100%!important;height:auto!important;padding:12px!important}.dashboard-sidebar>div[style*=sidebarHeader]{display:none!important}.dashboard-sidebar>nav{-webkit-overflow-scrolling:touch;white-space:nowrap!important;flex-direction:row!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;padding:4px 0!important;overflow-x:auto!important}.dashboard-sidebar>nav>button{flex-shrink:0!important;width:auto!important;padding:8px 12px!important;font-size:.8rem!important;display:inline-flex!important}.dashboard-sidebar>div:last-child{display:none!important}.dashboard-main-wrapper{flex-direction:column!important;flex:1!important;height:auto!important;display:flex!important;overflow:visible!important}.dashboard-main{flex:1!important;height:auto!important;padding:16px 12px!important;overflow-y:visible!important}.view-container,div[style*=viewContainer]{padding:10px 4px!important}div[style*=justifyContent\*space-between]{text-align:center;flex-direction:column;gap:12px;align-items:stretch!important}div[style*=justifyContent\*space-between]>div[style*=display\*flex]{flex-wrap:wrap;justify-content:center}table{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}div[style*=modal]{margin:10px auto;width:95%!important;padding:16px!important}div[style*=formGrid]{grid-template-columns:1fr!important;gap:12px!important}}