@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--bg-main: #F1F5F9;--bg-gradient: linear-gradient(135deg, #F1F5F9 0%, #E2E8F0 100%);--bg-glass: rgba(235, 240, 246, .8);--primary: #3B82F6;--primary-gradient: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--primary-glow: rgba(59, 130, 246, .3);--secondary: #6366F1;--secondary-gradient: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);--text-main: #0F172A;--text-muted: #475569;--text-dim: #64748B;--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .04);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--transition: all .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--bg-main);background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.glass-card{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1f268714;background:#f5f8fce6;border-color:#ffffffb3}.glass-card-premium{background:#ebf0f699;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:32px;box-shadow:0 20px 60px #1f26870d;transition:var(--transition)}.glass-card-premium:hover{background:#f5f8fccc;transform:translateY(-8px) scale(1.01);box-shadow:0 30px 80px #1f26871a;border-color:#fffc}.bg-bokeh-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 50% 90%,rgba(79,70,229,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(67,56,202,.1) 0%,transparent 40%);z-index:0;pointer-events:none}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}.page-container{min-height:100vh;padding:40px 20px;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient)}.input-group{margin-bottom:20px;position:relative}.input-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:8px;margin-left:4px}.input-group input{width:100%;padding:14px 18px 14px 48px;background:#f1f5f9b3;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;color:var(--text-main);transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f626}.input-icon{position:absolute;left:18px;top:41px;color:var(--text-dim);transition:var(--transition)}.input-group input:focus+.input-icon{color:var(--primary)}.btn-primary{width:100%;padding:14px 24px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 16px #3b82f659}.btn-primary:active{transform:scale(.98)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes pulse-glow{0%{text-shadow:0 0 10px rgba(59,130,246,.2)}50%{text-shadow:0 0 25px rgba(59,130,246,.5),0 0 50px rgba(59,130,246,.2)}to{text-shadow:0 0 10px rgba(59,130,246,.2)}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes subtle-glow{0%{box-shadow:0 0 20px #3b82f61a}50%{box-shadow:0 0 40px #3b82f64d,0 0 80px #3b82f61a}to{box-shadow:0 0 20px #3b82f61a}}.animate-subtle-glow{animation:subtle-glow 4s ease-in-out infinite}.text-shadow-premium{text-shadow:0 10px 30px rgba(0,0,0,.15)}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-container{display:flex;min-height:100vh;background:var(--bg-main);position:relative;overflow:hidden}.glass-sidebar{width:280px;height:100vh;position:fixed;left:0;top:0;background:#fff6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:100;transition:var(--transition)}.sidebar-header{padding:40px 32px;display:flex;align-items:center;gap:12px}.sidebar-logo-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px var(--primary-glow)}.nav-menu{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-weight:500;transition:var(--transition);border:1px solid transparent;cursor:pointer;background:transparent}.nav-item:hover{background:#3b82f60d;color:var(--primary);transform:translate(4px)}.nav-item.active{background:#6366f11a;color:var(--primary);border-color:#6366f133;box-shadow:0 4px 12px #0003;font-weight:600}.nav-item-icon{transition:var(--transition)}.nav-item.active .nav-item-icon{color:var(--primary)}.main-content{flex:1;margin-left:280px;padding:40px 60px;position:relative;min-height:100vh;z-index:1}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.bg-blob{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.15;pointer-events:none}.blob-1{top:-100px;right:-100px;background:var(--primary)}.blob-2{bottom:-100px;left:-100px;background:var(--secondary)}