:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-card:#16162a;--bg-card-hover:#1e1e3a;--bg-input:#1a1a2e;--bg-modal:#000000d9;--text-primary:#e8e8f0;--text-secondary:#a0a0b8;--text-muted:#6a6a82;--accent:#f97316;--accent-glow:#f973164d;--accent-light:#fb923c;--accent-dark:#ea580c;--success:#22c55e;--success-glow:#22c55e4d;--warning:#eab308;--warning-glow:#eab3084d;--danger:#ef4444;--danger-glow:#ef44444d;--info:#3b82f6;--info-glow:#3b82f64d;--purple:#a855f7;--purple-glow:#a855f74d;--pink:#ec4899;--pink-glow:#ec48994d;--cyan:#06b6d4;--cyan-glow:#06b6d44d;--border:#ffffff0f;--border-hover:#ffffff1f;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 20px 60px #0009;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.6s cubic-bezier(.34, 1.56, .64, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--nav-height:64px;--sidebar-width:260px;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:2000;--z-confetti:3000;--cat-health:#22c55e;--cat-finance:#eab308;--cat-learning:#3b82f6;--cat-social:#ec4899;--cat-mental:#a855f7;--cat-creativity:#f97316}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f0f1f5;--bg-card:#fff;--bg-card-hover:#f5f5ff;--bg-input:#f0f1f5;--bg-modal:#00000080;--text-primary:#1a1a2e;--text-secondary:#4a4a62;--text-muted:#8a8aa2;--border:#00000014;--border-hover:#00000026;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 20px 60px #00000026}[data-theme=ocean]{--bg-primary:#0a1628;--bg-secondary:#0f1f3a;--bg-tertiary:#142850;--bg-card:#0f1f3a;--bg-card-hover:#1a3560;--bg-input:#142850;--accent:#06b6d4;--accent-glow:#06b6d44d;--accent-light:#22d3ee;--accent-dark:#0891b2}[data-theme=forest]{--bg-primary:#0a1a0a;--bg-secondary:#0f2a0f;--bg-tertiary:#143a14;--bg-card:#0f2a0f;--bg-card-hover:#1a4a1a;--bg-input:#143a14;--accent:#22c55e;--accent-glow:#22c55e4d;--accent-light:#4ade80;--accent-dark:#16a34a}[data-theme=sunset]{--bg-primary:#1a0a0a;--bg-secondary:#2a0f0f;--bg-tertiary:#3a1414;--bg-card:#2a0f0f;--bg-card-hover:#4a1a1a;--bg-input:#3a1414;--accent:#f43f5e;--accent-glow:#f43f5e4d;--accent-light:#fb7185;--accent-dark:#e11d48}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#app{min-height:100vh;position:relative}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-light)}img{max-width:100%;height:auto}input,textarea,select,button{font-family:inherit;font-size:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}.text-gradient{background:linear-gradient(135deg, var(--accent), var(--purple), var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-glow{text-shadow:0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);height:100vh;z-index:var(--z-sticky);transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar.collapsed{transform:translate(-100%)}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px;display:flex}.sidebar-logo{align-items:center;gap:8px;font-size:1.6rem;font-weight:800;display:flex}.sidebar-logo .logo-icon{font-size:1.8rem;animation:2s ease-in-out infinite pulse-glow}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:linear-gradient(135deg, var(--accent-glow), transparent);opacity:0;transition:opacity var(--transition-fast);position:absolute;inset:0}.nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-item:hover:before{opacity:1}.nav-item.active{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.nav-item.active:before{opacity:0}.nav-item .nav-icon{text-align:center;width:24px;font-size:1.2rem}.nav-item .nav-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:2px 6px;font-size:.7rem;font-weight:700;animation:2s infinite badge-pulse}.nav-section{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:16px 16px 6px;font-size:.7rem;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal);flex:1}.sidebar.collapsed~.main-content,.sidebar.collapsed+.main-content{margin-left:0}.topbar{z-index:var(--z-sticky);background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-right{align-items:center;gap:12px;display:flex}.menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;display:none}.page-content{max-width:1400px;padding:24px;animation:.4s cubic-bezier(.4,0,.2,1) page-enter}.page-header{margin-bottom:24px}.page-title{align-items:center;gap:10px;font-size:1.8rem;font-weight:800;display:flex}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.95rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:20px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--purple), var(--pink));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-flat{box-shadow:none}.card-flat:hover{transform:none}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.card-footer{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), #ffffff4d 0%, transparent 60%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.btn:active:after{opacity:1;transition:opacity}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 25px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-success{background:linear-gradient(135deg, var(--success), #16a34a);color:#fff;box-shadow:0 4px 15px var(--success-glow)}.btn-success:hover{box-shadow:0 6px 25px var(--success-glow);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--danger), #dc2626);color:#fff;box-shadow:0 4px 15px var(--danger-glow)}.btn-danger:hover{box-shadow:0 6px 25px var(--danger-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent);color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-xl{padding:16px 36px;font-size:1.1rem}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:8px}.btn-icon.lg{width:44px;height:44px;font-size:1.2rem}.btn-round{border-radius:var(--radius-full)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-group{gap:4px;display:flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:10px 14px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:80px;line-height:1.5}.form-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 14px}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.form-range{width:100%;accent-color:var(--accent);cursor:pointer}.form-hint{color:var(--text-muted);margin-top:4px;font-size:.8rem}.form-error{color:var(--danger);margin-top:4px;font-size:.8rem}.input-group{align-items:stretch;display:flex}.input-group .form-input{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .btn{border-radius:0 var(--radius-md) var(--radius-md) 0}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--accent-glow);color:var(--accent)}.badge-success{background:var(--success-glow);color:var(--success)}.badge-warning{background:var(--warning-glow);color:var(--warning)}.badge-danger{background:var(--danger-glow);color:var(--danger)}.badge-info{background:var(--info-glow);color:var(--info)}.badge-purple{background:var(--purple-glow);color:var(--purple)}.badge-health{color:var(--cat-health);background:#22c55e26}.badge-finance{color:var(--cat-finance);background:#eab30826}.badge-learning{color:var(--cat-learning);background:#3b82f626}.badge-social{color:var(--cat-social);background:#ec489926}.badge-mental{color:var(--cat-mental);background:#a855f726}.badge-creativity{color:var(--cat-creativity);background:#f9731626}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--accent), var(--accent-light));height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.progress-bar.lg{height:12px}.progress-bar.xl{height:16px}.progress-fill.success{background:linear-gradient(90deg, var(--success), #4ade80)}.progress-fill.warning{background:linear-gradient(90deg, var(--warning), #facc15)}.progress-fill.danger{background:linear-gradient(90deg, var(--danger), #f87171)}.progress-fill.info{background:linear-gradient(90deg, var(--info), #60a5fa)}.progress-fill.purple{background:linear-gradient(90deg, var(--purple), #c084fc)}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:var(--bg-tertiary)}.progress-ring-fill{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.progress-ring-text{font-size:1rem;font-weight:700;position:absolute}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card-icon{margin-bottom:4px;font-size:2rem}.stat-card-value{font-size:2rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text-secondary);font-size:.85rem}.stat-card-change{font-size:.8rem;font-weight:600}.stat-card-change.up{color:var(--success)}.stat-card-change.down{color:var(--danger)}.modal-overlay{background:var(--bg-modal);z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.3s cubic-bezier(.34,1.56,.64,1) modal-enter;overflow-y:auto}.modal.lg{max-width:700px}.modal.xl{max-width:900px}.modal.full{max-width:95vw;max-height:95vh}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:1.5rem;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;align-items:center;gap:12px;min-width:300px;max-width:450px;padding:14px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) toast-enter;display:flex;position:relative;overflow:hidden}.toast.removing{animation:.3s forwards toast-exit}.toast-icon{flex-shrink:0;font-size:1.3rem}.toast-content{flex:1}.toast-title{font-size:.9rem;font-weight:600}.toast-message{color:var(--text-secondary);font-size:.85rem}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem}.toast-progress{background:var(--accent);height:3px;animation:4s linear forwards toast-progress;position:absolute;bottom:0;left:0}.toast.success{border-left:3px solid var(--success)}.toast.success .toast-icon{color:var(--success)}.toast.success .toast-progress{background:var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.error .toast-icon{color:var(--danger)}.toast.error .toast-progress{background:var(--danger)}.toast.warning{border-left:3px solid var(--warning)}.toast.warning .toast-icon{color:var(--warning)}.toast.warning .toast-progress{background:var(--warning)}.toast.info{border-left:3px solid var(--info)}.toast.info .toast-icon{color:var(--info)}.toast.info .toast-progress{background:var(--info)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-md);padding:6px 12px;font-size:.8rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip:hover:after{opacity:1;transform:translate(-50%)translateY(-8px)}.dropdown{position:relative}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-dropdown);padding:6px;animation:.2s dropdown-enter;position:absolute;top:100%;right:0}.dropdown-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;display:flex}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-divider{background:var(--border);height:1px;margin:4px 0}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:20px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast);border-bottom:2px solid #0000;padding:10px 20px;font-size:.9rem;font-weight:600}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tag{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.tag:hover{background:var(--bg-card-hover)}.avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex;position:relative}.avatar.sm{width:28px;height:28px;font-size:.75rem}.avatar.lg{width:56px;height:56px;font-size:1.4rem}.avatar.xl{width:80px;height:80px;font-size:2rem}.avatar-status{border:2px solid var(--bg-secondary);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar-status.online{background:var(--success)}.avatar-status.offline{background:var(--text-muted)}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:4rem;animation:3s ease-in-out infinite float}.empty-state-title{color:var(--text-primary);margin-bottom:8px;font-size:1.3rem;font-weight:700}.empty-state-desc{max-width:400px;margin-bottom:20px;margin-left:auto;margin-right:auto}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner.lg{border-width:4px;width:40px;height:40px}.loading-overlay{background:var(--bg-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loading-logo{font-size:4rem;animation:1.5s ease-in-out infinite pulse-glow}.loading-text{color:var(--text-secondary);font-size:1.2rem;animation:2s ease-in-out infinite pulse}.loading-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:200px;height:4px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--accent), var(--purple));height:100%;animation:1.5s ease-in-out infinite loading-bar}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-card-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-load}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text:last-child{width:70%}.skeleton-title{width:60%;height:24px;margin-bottom:12px}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-card{border-radius:var(--radius-lg);height:120px}.cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cat-dot.health{background:var(--cat-health)}.cat-dot.finance{background:var(--cat-finance)}.cat-dot.learning{background:var(--cat-learning)}.cat-dot.social{background:var(--cat-social)}.cat-dot.mental{background:var(--cat-mental)}.cat-dot.creativity{background:var(--cat-creativity)}.cat-bg{border-radius:var(--radius-full);padding:1px 8px;font-size:.75rem;font-weight:600}.cat-bg.health{color:var(--cat-health);background:#22c55e26}.cat-bg.finance{color:var(--cat-finance);background:#eab30826}.cat-bg.learning{color:var(--cat-learning);background:#3b82f626}.cat-bg.social{color:var(--cat-social);background:#ec489926}.cat-bg.mental{color:var(--cat-mental);background:#a855f726}.cat-bg.creativity{color:var(--cat-creativity);background:#f9731626}.action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.action-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.action-card.completed{opacity:.7;background:#22c55e0d;border-color:#22c55e33}.action-card.completed .action-text{color:var(--text-muted);text-decoration:line-through}.action-check{border-radius:var(--radius-full);border:2px solid var(--border);cursor:pointer;width:28px;height:28px;transition:all var(--transition-spring);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.action-check:hover{border-color:var(--success);background:var(--success-glow);transform:scale(1.15)}.action-check.checked{background:var(--success);border-color:var(--success);color:#fff;animation:.5s cubic-bezier(.34,1.56,.64,1) check-bounce}.action-body{flex:1;min-width:0}.action-text{transition:all var(--transition-normal);margin-bottom:4px;font-weight:600}.action-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:.8rem;display:flex}.action-xp{color:var(--accent);font-weight:600}.action-actions{gap:4px;display:flex}.heatmap{grid-template-columns:repeat(53,1fr);gap:2px;display:grid}.heatmap-cell{background:var(--bg-tertiary);width:12px;height:12px;transition:all var(--transition-fast);cursor:pointer;border-radius:2px}.heatmap-cell:hover{transform:scale(1.5)}.heatmap-cell.l1{background:#22c55e33}.heatmap-cell.l2{background:#22c55e66}.heatmap-cell.l3{background:#22c55e99}.heatmap-cell.l4{background:var(--success)}.mini-chart{align-items:flex-end;gap:3px;height:50px;display:flex}.mini-chart-bar{background:var(--accent);border-radius:2px 2px 0 0;flex:1;min-height:3px;transition:height .6s cubic-bezier(.4,0,.2,1);position:relative}.mini-chart-bar:hover{opacity:.8}.timer-display{font-family:var(--font-mono);text-align:center;letter-spacing:.05em;color:var(--text-primary);font-size:4rem;font-weight:700}.timer-ring{width:250px;height:250px;margin:0 auto;position:relative}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8px}.timer-ring-progress{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.streak-flame{align-items:center;gap:6px;font-size:1.2rem;font-weight:700;display:inline-flex}.streak-flame .flame{font-size:1.5rem;animation:.5s ease-in-out infinite alternate flame-dance}.water-glass{border:3px solid var(--border);cursor:pointer;width:60px;height:80px;transition:all var(--transition-normal);border-top:none;border-radius:0 0 10px 10px;position:relative;overflow:hidden}.water-glass:hover{border-color:var(--cyan)}.water-fill{background:linear-gradient(#06b6d499,#06b6d4e6);transition:height .8s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0;right:0}.water-fill:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' fill='rgba(6,182,212,0.4)'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;height:10px;animation:2s ease-in-out infinite wave;position:absolute;top:-5px;left:-5px;right:-5px}.confetti-container{z-index:var(--z-confetti);pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{width:10px;height:10px;animation:3s ease-in forwards confetti-fall;position:absolute;top:-10px}.particles-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{background:var(--accent);opacity:0;border-radius:50%;width:3px;height:3px;animation:8s ease-in-out infinite particle-float;position:absolute}.auth-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:radial-gradient(circle, var(--accent-glow), transparent 60%);width:600px;height:600px;animation:15s ease-in-out infinite aurora;position:absolute;top:-200px;right:-200px}.auth-container:after{content:"";background:radial-gradient(circle, var(--purple-glow), transparent 60%);width:500px;height:500px;animation:12s ease-in-out infinite reverse aurora;position:absolute;bottom:-200px;left:-200px}.auth-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);z-index:1;padding:40px;animation:.5s cubic-bezier(.34,1.56,.64,1) modal-enter;position:relative}.auth-logo{text-align:center;margin-bottom:30px}.auth-logo .logo-icon{margin-bottom:12px;font-size:3rem;animation:2s infinite pulse-glow;display:block}.auth-logo .logo-text{font-size:1.8rem;font-weight:800}.auth-toggle{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:.9rem}.auth-toggle a{color:var(--accent);cursor:pointer;font-weight:600}.onboarding-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.onboarding-step{max-width:600px;animation:.5s slide-up}.onboarding-icon{margin-bottom:24px;font-size:5rem;animation:3s ease-in-out infinite float}.onboarding-title{margin-bottom:12px;font-size:2rem;font-weight:800}.onboarding-desc{color:var(--text-secondary);margin-bottom:30px;font-size:1.1rem;line-height:1.7}.onboarding-dots{justify-content:center;gap:8px;margin-bottom:30px;display:flex}.onboarding-dot{background:var(--bg-tertiary);width:10px;height:10px;transition:all var(--transition-normal);border-radius:50%}.onboarding-dot.active{background:var(--accent);border-radius:5px;width:30px}.widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.widget:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.widget-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.widget-title{align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.widget-body{padding:16px 20px}.widget-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:12px 20px;font-size:.8rem}.streak-calendar{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.streak-day{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--text-muted);background:var(--bg-tertiary);transition:all var(--transition-fast);cursor:default;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.streak-day.active{background:var(--success);color:#fff}.streak-day.today{box-shadow:0 0 0 2px var(--accent)}.streak-day.header{color:var(--text-muted);background:0 0;font-size:.7rem}.mood-picker{justify-content:center;gap:8px;display:flex}.mood-option{cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-spring);border:2px solid #0000;padding:8px;font-size:2rem}.mood-option:hover{transform:scale(1.2)}.mood-option.selected{border-color:var(--accent);background:var(--accent-glow);transform:scale(1.15)}.leaderboard-item{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.leaderboard-item:hover{background:var(--bg-tertiary)}.leaderboard-rank{border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.leaderboard-rank.gold{color:#78350f;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.leaderboard-rank.silver{color:#374151;background:linear-gradient(135deg,#d1d5db,#9ca3af)}.leaderboard-rank.bronze{color:#fff;background:linear-gradient(135deg,#d97706,#b45309)}.leaderboard-info{flex:1}.leaderboard-name{font-size:.95rem;font-weight:600}.leaderboard-stats{color:var(--text-muted);font-size:.8rem}.achievement-badge{text-align:center;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition-normal);cursor:default;flex-direction:column;align-items:center;padding:16px;display:flex}.achievement-badge:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.achievement-badge.locked{opacity:.5;filter:grayscale(.8)}.achievement-badge.locked:hover{opacity:.7;filter:grayscale(.5)}.achievement-icon{margin-bottom:8px;font-size:2.5rem}.achievement-name{margin-bottom:4px;font-size:.85rem;font-weight:700}.achievement-desc{color:var(--text-muted);font-size:.75rem}.achievement-xp{color:var(--accent);margin-top:4px;font-size:.7rem;font-weight:600}.reward-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);padding:20px}.reward-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-4px)}.reward-card.purchased{opacity:.6;border-color:var(--success)}.reward-icon{margin-bottom:12px;font-size:3rem}.reward-name{margin-bottom:4px;font-weight:700}.reward-desc{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem}.reward-cost{color:var(--warning);justify-content:center;align-items:center;gap:4px;margin-bottom:12px;font-weight:700;display:flex}.challenge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:20px;position:relative;overflow:hidden}.challenge-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.challenge-card.joined{border-color:var(--accent)}.challenge-icon{margin-bottom:8px;font-size:2.5rem}.challenge-title{margin-bottom:4px;font-size:1.05rem;font-weight:700}.challenge-desc{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem}.challenge-meta{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:12px;font-size:.8rem;display:flex}.pod-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;align-items:center;gap:16px;padding:16px 20px;display:flex}.pod-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.chat-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;height:400px;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{gap:10px;animation:.3s slide-up;display:flex}.chat-message .msg-content{background:var(--bg-tertiary);border-radius:var(--radius-md);border-top-left-radius:4px;max-width:80%;padding:10px 14px;font-size:.9rem}.chat-message.own .msg-content{background:var(--accent);color:#fff;border-top-left-radius:var(--radius-md);border-top-right-radius:4px;margin-left:auto}.chat-input-bar{border-top:1px solid var(--border);gap:8px;padding:12px;display:flex}.note-card{border-radius:var(--radius-md);min-height:120px;transition:all var(--transition-normal);cursor:pointer;word-break:break-word;padding:16px;font-size:.9rem;position:relative}.note-card:hover{box-shadow:var(--shadow-md);transform:rotate(-1deg)scale(1.02)}.note-card .note-delete{opacity:0;transition:opacity var(--transition-fast);position:absolute;top:8px;right:8px}.note-card:hover .note-delete{opacity:1}.journal-entry{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:20px}.journal-entry:hover{border-color:var(--border-hover)}.journal-date{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.journal-content{white-space:pre-wrap;font-size:.95rem;line-height:1.7}.journal-mood{font-size:1.5rem}.breathing-circle{background:radial-gradient(circle, var(--accent-glow), transparent);border:3px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;transition:all 4s ease-in-out;display:flex}.breathing-circle.inhale{background:radial-gradient(circle, var(--accent-glow), #a855f71a);border-color:var(--purple);transform:scale(1.5)}.breathing-circle.exhale{transform:scale(1)}.breathing-text{text-align:center;font-size:1.2rem;font-weight:700}.habit-chain{flex-wrap:wrap;gap:4px;display:flex}.habit-chain-link{background:var(--bg-tertiary);width:20px;height:20px;transition:all var(--transition-fast);border-radius:4px}.habit-chain-link.done{background:var(--success)}.habit-chain-link.today{box-shadow:0 0 0 2px var(--accent)}.search-overlay{background:var(--bg-modal);z-index:var(--z-modal);justify-content:center;align-items:flex-start;padding-top:120px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.search-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--shadow-xl);animation:.3s modal-enter;overflow:hidden}.search-input-container{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.search-input-container .search-icon{color:var(--text-muted);font-size:1.2rem}.search-input-container input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.search-results{max-height:400px;padding:8px;overflow-y:auto}.search-result-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;display:flex}.search-result-item:hover{background:var(--bg-tertiary)}.search-result-item .result-icon{text-align:center;width:32px;font-size:1.2rem}.kbd{background:var(--bg-tertiary);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);border-radius:4px;align-items:center;padding:2px 6px;font-size:.7rem;display:inline-flex}.divider{background:var(--border);height:1px;margin:16px 0}.divider-text{color:var(--text-muted);align-items:center;gap:12px;margin:16px 0;font-size:.85rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.welcome-banner{background:linear-gradient(135deg, var(--accent), var(--purple), var(--pink));border-radius:var(--radius-xl);color:#fff;margin-bottom:24px;padding:32px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:radial-gradient(circle,#ffffff1a,#0000 50%);width:100%;height:200%;animation:10s ease-in-out infinite aurora;position:absolute;top:-50%;right:-50%}.welcome-title{margin-bottom:8px;font-size:1.5rem;font-weight:800;position:relative}.welcome-subtitle{opacity:.9;font-size:1rem;position:relative}.xp-bar{align-items:center;gap:12px;display:flex}.xp-bar-track{background:var(--bg-tertiary);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--accent), var(--warning));border-radius:var(--radius-full);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.xp-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.xp-level{white-space:nowrap;font-size:.85rem;font-weight:700}.coin-display{align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:flex}.coin-icon{font-size:1.1rem;animation:3s linear infinite coin-spin}.fab{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:0 4px 20px var(--accent-glow);z-index:50;transition:all var(--transition-spring);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed;bottom:24px;right:24px}.fab:hover{box-shadow:0 8px 30px var(--accent-glow);transform:scale(1.1)rotate(90deg)}.notification-bell{cursor:pointer;padding:6px;font-size:1.3rem;position:relative}.notification-count{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;animation:2s infinite badge-pulse;display:flex;position:absolute;top:0;right:0}.toggle{background:var(--bg-tertiary);cursor:pointer;width:44px;height:24px;transition:background var(--transition-fast);border-radius:12px;padding:2px;position:relative}.toggle.active{background:var(--accent)}.toggle:after{content:"";width:20px;height:20px;transition:transform var(--transition-spring);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;display:block}.toggle.active:after{transform:translate(20px)}.range-slider{appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:20px;height:20px;box-shadow:0 2px 8px var(--accent-glow);transition:transform var(--transition-fast);border-radius:50%}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.notification-panel{background:var(--bg-secondary);border-left:1px solid var(--border);width:380px;height:100vh;z-index:var(--z-modal);flex-direction:column;animation:.3s slide-left;display:flex;position:fixed;top:0;right:0}.notification-item{border-bottom:1px solid var(--border);transition:all var(--transition-fast);gap:12px;padding:14px 16px;display:flex}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:var(--accent-glow)}.profile-header{text-align:center;padding:40px 20px;position:relative}.profile-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 16px;font-size:2.5rem;font-weight:700;display:flex;position:relative}.profile-avatar:after{content:"";border:3px solid var(--accent);border-radius:50%;animation:4s linear infinite rotate-border;position:absolute;inset:-4px}.profile-name{margin-bottom:4px;font-size:1.5rem;font-weight:800}.profile-title{color:var(--text-secondary);font-size:.9rem}.quick-actions{gap:8px;padding:8px 0;display:flex;overflow-x:auto}.quick-action{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:10px 14px;font-size:.8rem;display:flex}.quick-action:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-2px)}.quick-action .qa-icon{font-size:1.5rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-enter{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modal-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes toast-enter{0%{opacity:0;transform:translate(100px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-glow{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-200%)}to{transform:translate(200%)}}@keyframes skeleton-load{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes loading-bar{0%{width:0}50%{width:80%}to{width:100%}}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes check-bounce{0%{transform:scale(.5)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes flame-dance{0%{transform:rotate(-5deg)scale(1)}to{transform:rotate(5deg)scale(1.1)}}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-50%)}}@keyframes coin-spin{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes aurora{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(50px,-30px)rotate(120deg)}66%{transform:translate(-30px,30px)rotate(240deg)}}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)scale(0)}50%{opacity:.6}to{opacity:0;transform:translateY(-100px)scale(1)}}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes rotate-in{0%{opacity:0;transform:rotate(-180deg)scale(0)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes flip-x{0%{opacity:0;transform:perspective(400px)rotateX(90deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes flip-y{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}@keyframes rubber-band{0%{transform:scale(1)}30%{transform:scaleX(1.25)scaleY(.75)}40%{transform:scaleX(.75)scaleY(1.25)}50%{transform:scaleX(1.15)scaleY(.85)}65%{transform:scaleX(.95)scaleY(1.05)}75%{transform:scaleX(1.05)scaleY(.95)}to{transform:scale(1)}}@keyframes jello{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}@keyframes tada{0%{transform:scale(1)rotate(0)}10%,20%{transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1)rotate(3deg)}40%,60%,80%{transform:scale(1.1)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes reveal-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink-cursor{0%,to{border-color:#0000}50%{border-color:var(--accent)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes head-shake{0%{transform:translate(0)}6.5%{transform:translate(-6px)rotateY(-9deg)}18.5%{transform:translate(5px)rotateY(7deg)}31.5%{transform:translate(-3px)rotateY(-5deg)}43.5%{transform:translate(2px)rotateY(3deg)}50%{transform:translate(0)}}@keyframes hinge{0%{transform-origin:0 0}20%,60%{transform-origin:0 0;transform:rotate(80deg)}40%,80%{transform-origin:0 0;opacity:1;transform:rotate(60deg)}to{opacity:0;transform:translateY(700px)}}@keyframes jack-in-the-box{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes roll-in{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes roll-out{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(100%)rotate(120deg)}}@keyframes light-speed-in{0%{opacity:0;transform:translate(100%)skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translate(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes morph{0%{border-radius:40% 60% 60% 40%/60% 30% 70% 40%}50%{border-radius:60% 40% 30% 70%/40% 60%}to{border-radius:40% 60% 60% 40%/60% 30% 70% 40%}}@keyframes gradient-x{0%,to{background-position:0%}50%{background-position:100%}}@keyframes slide-up-stagger{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blur-in{0%{filter:blur(10px);opacity:0}to{filter:blur();opacity:1}}@keyframes blur-out{0%{filter:blur();opacity:1}to{filter:blur(10px);opacity:0}}@keyframes rotate-scale{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}@keyframes color-cycle{0%{color:var(--accent)}33%{color:var(--purple)}66%{color:var(--pink)}to{color:var(--accent)}}@keyframes bg-pan{0%{background-position:0%}to{background-position:100%}}@keyframes text-focus-in{0%{filter:blur(12px);opacity:0}to{filter:blur();opacity:1}}@keyframes text-pop-up{0%{text-shadow:0 0 #0000;transform:translateY(0)}to{text-shadow:0 1px #ccc,0 2px #ccc,0 3px #ccc;transform:translateY(-4px)}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:0}}@keyframes tracking-in{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{letter-spacing:normal;opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes expand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes contract{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes rise{0%{opacity:0;transform:translateY(50px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fall-away{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes unfold{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@keyframes fold{0%{opacity:1;max-height:1000px}to{opacity:0;max-height:0}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes neon-glow{0%,to{text-shadow:0 0 7px var(--accent), 0 0 10px var(--accent), 0 0 21px var(--accent)}50%{text-shadow:0 0 4px var(--accent), 0 0 7px var(--accent), 0 0 14px var(--accent)}}@keyframes orbit{0%{transform:rotate(0)translate(100px)rotate(0)}to{transform:rotate(360deg)translate(100px)rotate(-360deg)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes draw-circle{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 0}}@keyframes wave-text{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes squeeze{0%,to{transform:scaleX(1)}50%{transform:scaleX(.9)}}@keyframes stretch{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@keyframes tilt{0%,to{transform:perspective(500px)rotateY(0)}50%{transform:perspective(500px)rotateY(5deg)}}@keyframes depth{0%,to{transform:perspective(500px)translateZ(0)}50%{transform:perspective(500px)translateZ(20px)}}@keyframes slide-bounce{0%{transform:translate(-100%)}70%{transform:translate(5%)}to{transform:translate(0)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes counter-rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes ellipse{0%{transform:translate(0)translateY(0)}25%{transform:translate(20px)translateY(-10px)}50%{transform:translate(0)translateY(-20px)}75%{transform:translate(-20px)translateY(-10px)}to{transform:translate(0)translateY(0)}}@keyframes spiral{0%{opacity:0;transform:rotate(0)scale(0)}to{opacity:1;transform:rotate(720deg)scale(1)}}@keyframes meteor{0%{opacity:1;transform:translate(200px)translateY(-200px)}to{opacity:0;transform:translate(-200px)translateY(200px)}}.animate-fade-in{animation:.3s fade-in}.animate-slide-up{animation:.4s slide-up}.animate-slide-down{animation:.4s slide-down}.animate-scale-in{animation:.3s cubic-bezier(.34,1.56,.64,1) scale-in}.animate-pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) pop-in}.animate-bounce{animation:.6s bounce}.animate-shake{animation:.4s shake}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-heartbeat{animation:1.5s ease-in-out heartbeat}.animate-tada{animation:1s tada}.animate-rubber-band{animation:1s rubber-band}.animate-jello{animation:.9s jello}.animate-wiggle{animation:.5s wiggle}.animate-blur-in{animation:.5s blur-in}.animate-rise{animation:.5s rise}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.15rem}.text-xl{font-size:1.3rem}.text-2xl{font-size:1.5rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.relative{position:relative}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.menu-toggle{display:block}}@media (width<=768px){html{font-size:14px}.grid-2,.grid-3,.grid-4,.grid-auto{grid-template-columns:1fr}.page-content{padding:16px}.modal{max-height:85vh;margin:10px}.topbar{padding:10px 16px}h1{font-size:1.8rem}h2{font-size:1.5rem}.welcome-banner{padding:24px}.timer-display{font-size:3rem}.timer-ring{width:200px;height:200px}.notification-panel{width:100%}.toast-container{left:10px;right:10px}.toast{min-width:auto}}@media (width<=480px){.page-title{font-size:1.3rem}.stat-card-value{font-size:1.5rem}.auth-card{padding:24px}.btn-lg{padding:12px 20px}}@media print{.sidebar,.topbar,.fab,.toast-container,.modal-overlay{display:none!important}.main-content{margin-left:0!important}body{color:#000;background:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*,:before,:after{box-sizing:border-box}.mhv-shell,.mhv-auth{--mhv-bg:#0d1117;--mhv-surface:#161b22;--mhv-surface2:#1c2330;--mhv-card:#1a2035;--mhv-border:#ffffff14;--mhv-text:#e6edf3;--mhv-muted:#8b949e;--mhv-accent:#f59e0b;--mhv-purple:#8b5cf6;--mhv-cyan:#06b6d4;--mhv-green:#10b981;--mhv-red:#ef4444;--mhv-pink:#ec4899;--mhv-r:12px;--mhv-r-sm:8px;--mhv-r-lg:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif}.mhv-splash{color:#e6edf3;background:#0d1117;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.mhv-splash-bolt{font-size:4rem;animation:1.2s ease-in-out infinite mhv-bolt-pulse}@keyframes mhv-bolt-pulse{0%,to{filter:drop-shadow(0 0 #f59e0b);transform:scale(1)}50%{filter:drop-shadow(0 0 18px #f59e0b);transform:scale(1.2)}}.mhv-splash-label{color:#8b949e;letter-spacing:.05em;font-size:1.1rem}.mhv-splash-bar{background:#ffffff14;border-radius:2px;width:200px;height:3px;overflow:hidden}.mhv-splash-progress{background:linear-gradient(90deg,#f59e0b,#8b5cf6,#f59e0b) 0 0/200% 100%;border-radius:2px;height:100%;animation:1.6s ease-in-out infinite mhv-progress-slide}@keyframes mhv-progress-slide{0%{background-position:0 0;width:0%}60%{width:90%}to{background-position:200% 0;width:100%}}.mhv-auth{background:var(--mhv-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.mhv-auth-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mhv-grid-overlay{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 60%,#000 40%,#0000 100%)}.mhv-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite mhv-orb-drift;position:absolute}.mhv-orb-1{background:#f59e0b;width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.mhv-orb-2{background:#8b5cf6;width:350px;height:350px;animation-delay:-3s;bottom:-80px;right:-80px}.mhv-orb-3{background:#06b6d4;width:250px;height:250px;animation-delay:-5s;top:50%;left:60%}.mhv-orb-4{background:#ec4899;width:200px;height:200px;animation-delay:-2s;bottom:20%;left:20%}@keyframes mhv-orb-drift{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-40px)scale(1.1)}}.mhv-auth-inner{z-index:1;grid-template-columns:1fr 420px;gap:60px;width:100%;max-width:960px;padding:40px 24px;animation:.6s cubic-bezier(.16,1,.3,1) mhv-fade-up;display:grid;position:relative}@keyframes mhv-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.mhv-auth-brand{color:var(--mhv-text)}.mhv-brand-emblem{justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:inline-flex;position:relative}.mhv-brand-pulse{background:radial-gradient(circle,#f59e0b66 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite mhv-pulse-ring;position:absolute;inset:-8px}@keyframes mhv-pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.3)}}.mhv-brand-bolt{font-size:2.8rem;line-height:1}.mhv-brand-title{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2.8rem;font-weight:800}.mhv-brand-tagline{color:var(--mhv-muted);margin:0 0 32px;font-size:1.15rem;line-height:1.5}.mhv-brand-features{flex-direction:column;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.mhv-brand-features li{align-items:flex-start;gap:12px;animation:.5s cubic-bezier(.16,1,.3,1) both mhv-fade-up;display:flex}.mhv-brand-features li:first-child{animation-delay:.1s}.mhv-brand-features li:nth-child(2){animation-delay:.15s}.mhv-brand-features li:nth-child(3){animation-delay:.2s}.mhv-brand-features li:nth-child(4){animation-delay:.25s}.mhv-feat-icon{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;display:flex}.mhv-brand-features li strong{color:var(--mhv-text);font-size:.95rem;display:block}.mhv-brand-features li small{color:var(--mhv-muted);font-size:.82rem}.mhv-brand-stats{border:1px solid var(--mhv-border);border-radius:var(--mhv-r);background:#ffffff0a;align-items:center;gap:0;padding:16px 20px;display:flex}.mhv-brand-stat{text-align:center;flex:1}.mhv-brand-stat strong{color:var(--mhv-accent);font-size:1.4rem;font-weight:800;display:block}.mhv-brand-stat small{color:var(--mhv-muted);font-size:.78rem}.mhv-brand-stat-div{background:var(--mhv-border);width:1px;height:40px}.mhv-auth-card{border:1px solid var(--mhv-border);border-radius:var(--mhv-r-lg);-webkit-backdrop-filter:blur(20px);background:#161b22cc;padding:32px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both mhv-fade-up;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0f}.mhv-auth-mode-tabs{background:#ffffff0d;border-radius:10px;margin-bottom:28px;padding:4px;display:flex;position:relative}.mhv-auth-mode-btn{cursor:pointer;color:var(--mhv-muted);z-index:1;background:0 0;border:none;border-radius:8px;flex:1;padding:9px;font-size:.9rem;font-weight:600;transition:color .25s;position:relative}.mhv-auth-mode-btn.active{color:var(--mhv-text)}.mhv-auth-mode-slider{background:linear-gradient(135deg,#f59e0b22,#8b5cf622);border:1px solid #f59e0b4d;border-radius:8px;width:calc(50% - 4px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;bottom:4px;left:4px}.mhv-auth-mode-slider.right{transform:translate(100%)}.mhv-auth-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:.88rem;animation:.4s cubic-bezier(.36,.07,.19,.97) mhv-shake;display:flex}@keyframes mhv-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.mhv-auth-form,.mhv-form-stack{flex-direction:column;gap:20px;display:flex}.mhv-float-field{position:relative}.mhv-float-input{border:1px solid var(--mhv-border);border-radius:var(--mhv-r-sm);width:100%;color:var(--mhv-text);appearance:none;background:#ffffff0a;outline:none;padding:18px 14px 8px;font-size:.95rem;transition:border-color .2s,background .2s}.mhv-float-input:focus{background:#f59e0b0a;border-color:#f59e0b80}.mhv-float-input::placeholder{color:#0000}.mhv-float-label{color:var(--mhv-muted);pointer-events:none;font-size:.9rem;transition:top .2s,font-size .2s,color .2s,transform .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mhv-float-label-sel{top:30%}.mhv-float-input:focus~.mhv-float-label,.mhv-float-input:not(:placeholder-shown)~.mhv-float-label{color:var(--mhv-accent);font-size:.72rem;top:8px;transform:translateY(0)}.mhv-float-textarea{resize:vertical;min-height:90px;padding-top:22px}.mhv-float-textarea-lg{min-height:160px}.mhv-float-textarea~.mhv-float-label{top:20px;transform:none}.mhv-float-textarea:focus~.mhv-float-label,.mhv-float-textarea:not(:placeholder-shown)~.mhv-float-label{color:var(--mhv-accent);font-size:.72rem;top:8px}.mhv-float-line{background:linear-gradient(90deg, var(--mhv-accent), var(--mhv-purple));transform-origin:50%;border-radius:0 0 8px 8px;height:2px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.mhv-float-input:focus~.mhv-float-line{transform:scaleX(1)}.mhv-float-field-sm .mhv-float-input{padding:16px 12px 6px;font-size:.9rem}select.mhv-float-input option{color:#e6edf3;background:#1a2035}.mhv-auth-submit{border-radius:var(--mhv-r-sm);cursor:pointer;color:#0d1117;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #f59e0b4d}.mhv-auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b73}.mhv-auth-submit:active{transform:translateY(0)}.mhv-submit-spinner{animation:.8s linear infinite mhv-spin-anim;display:none}.mhv-auth-submit.loading .mhv-submit-text,.mhv-auth-submit.loading .mhv-submit-arrow{display:none}.mhv-auth-submit.loading .mhv-submit-spinner{display:block}.mhv-auth-submit.loading{opacity:.7;pointer-events:none}@keyframes mhv-spin-anim{to{transform:rotate(360deg)}}.mhv-shell{background:var(--mhv-bg);min-height:100vh;color:var(--mhv-text);grid-template-columns:260px 1fr;display:grid;position:relative}.mhv-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0009;animation:.25s mhv-overlay-in;display:none;position:fixed;inset:0}@keyframes mhv-overlay-in{0%{opacity:0}to{opacity:1}}.mhv-shell.nav-open .mhv-overlay{display:block}.mhv-sidebar{border-right:1px solid var(--mhv-border);z-index:100;background:linear-gradient(#0f1923 0%,#0d1117 100%);flex-direction:column;height:100vh;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0;overflow-y:auto}.mhv-sidebar::-webkit-scrollbar{width:3px}.mhv-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.mhv-sb-logo{border-bottom:1px solid var(--mhv-border);z-index:1;background:#0f1923;align-items:center;gap:10px;padding:20px 20px 16px;display:flex;position:sticky;top:0}.mhv-sb-bolt{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;position:relative;box-shadow:0 4px 12px #f59e0b66}.mhv-bolt-pulse{background:#f59e0b33;border-radius:12px;animation:3s ease-in-out infinite mhv-pulse-ring;position:absolute;inset:-4px}.mhv-sb-brand{color:var(--mhv-text);flex:1;font-size:1rem;font-weight:700}.mhv-sb-close{color:var(--mhv-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;width:28px;height:28px;font-size:1.1rem;transition:background .15s,color .15s;display:none}.mhv-sb-close:hover{color:var(--mhv-text);background:#ffffff14}.mhv-sb-user{align-items:center;gap:12px;padding:20px 20px 0;display:flex}.mhv-sb-avatar{color:#0d1117;background:linear-gradient(135deg,#f59e0b,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:800;display:flex;position:relative;box-shadow:0 0 0 3px #f59e0b4d}.mhv-sb-avatar-ring{-webkit-mask-composite:destination-out;background:linear-gradient(135deg,#f59e0b,#8b5cf6) border-box;border:2px solid #0000;border-radius:50%;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mhv-sb-name{color:var(--mhv-text);font-size:.95rem;font-weight:700}.mhv-sb-level{color:var(--mhv-muted);margin-top:2px;font-size:.78rem}.mhv-sb-xp{padding:12px 20px 4px}.mhv-sb-xp-bar{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}.mhv-sb-xp-fill{background:linear-gradient(90deg,#f59e0b,#8b5cf6);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #f59e0b66}.mhv-sb-xp-label{color:var(--mhv-muted);margin-top:4px;font-size:.72rem;display:block}.mhv-sb-nav{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex}.mhv-sb-nav-btn{cursor:pointer;width:100%;color:var(--mhv-muted);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;font-weight:500;transition:background .18s,color .18s,transform .18s;display:flex;position:relative}.mhv-sb-nav-btn:hover{color:var(--mhv-text);background:#ffffff0d;transform:translate(2px)}.mhv-sb-nav-btn.active{background:linear-gradient(135deg, color-mix(in srgb, var(--tc) 20%, transparent), color-mix(in srgb, var(--tc) 8%, transparent));color:var(--tc,#f59e0b);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tc) 30%, transparent);font-weight:700}.mhv-sb-nav-btn.active:before{content:"";background:var(--tc,#f59e0b);width:3px;box-shadow:0 0 8px var(--tc,#f59e0b);border-radius:0 3px 3px 0;transition:top .2s,bottom .2s;position:absolute;top:20%;bottom:20%;left:0}.mhv-sb-nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:1.15rem}.mhv-sb-nav-label{flex:1}.mhv-sb-nav-arrow{color:var(--mhv-muted);opacity:0;font-size:1rem;transition:opacity .15s,transform .15s}.mhv-sb-nav-btn:hover .mhv-sb-nav-arrow,.mhv-sb-nav-btn.active .mhv-sb-nav-arrow{opacity:1;transform:translate(2px)}.mhv-sb-nav-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) mhv-badge-pop;display:flex}@keyframes mhv-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.mhv-sb-footer{border-top:1px solid var(--mhv-border);padding:16px 20px}.mhv-sb-streak{color:var(--mhv-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;display:flex}.mhv-sb-streak span{animation:1.5s ease-in-out infinite mhv-flame;display:inline-block}@keyframes mhv-flame{0%,to{transform:scaleY(1)rotate(-5deg)}50%{transform:scaleY(1.1)rotate(5deg)}}.mhv-sb-logout{cursor:pointer;color:#ef4444b3;background:0 0;border:1px solid #ef444440;border-radius:8px;width:100%;padding:9px 14px;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.mhv-sb-logout:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.mhv-content{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.mhv-body{flex:1;padding:0 28px 32px;overflow-y:auto}.mhv-header{border-bottom:1px solid var(--mhv-border);-webkit-backdrop-filter:blur(12px);z-index:50;background:#0d1117cc;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:sticky;top:0}.mhv-header-left{align-items:center;gap:16px;display:flex}.mhv-menu-btn{border:1px solid var(--mhv-border);cursor:pointer;background:#ffffff0f;border-radius:8px;flex-direction:column;justify-content:space-between;width:36px;height:36px;padding:10px 8px;transition:background .15s;display:none}.mhv-menu-btn:hover{background:#ffffff1a}.mhv-menu-btn span{background:var(--mhv-text);border-radius:2px;height:2px;transition:transform .2s;display:block}.mhv-header-title{align-items:center;gap:12px;display:flex}.mhv-header-icon{font-size:1.8rem;line-height:1;animation:3s ease-in-out infinite mhv-icon-float}@keyframes mhv-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mhv-header-title h1{color:var(--mhv-text);margin:0;font-size:1.4rem;font-weight:800;line-height:1.2}.mhv-header-quote{color:var(--mhv-muted);margin:0;font-size:.8rem;font-style:italic}.mhv-header-right{align-items:center;gap:10px;display:flex}.mhv-streak-pill,.mhv-xp-pill{border:1px solid var(--mhv-border);color:var(--mhv-text);background:#ffffff0f;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.85rem;font-weight:700;transition:background .15s;display:flex}.mhv-streak-pill{color:#fbbf24}.mhv-xp-pill{color:var(--mhv-accent)}.mhv-refresh-btn{border:1px solid var(--mhv-border);cursor:pointer;width:36px;height:36px;color:var(--mhv-muted);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;transition:background .15s,color .15s,transform .3s;display:flex}.mhv-refresh-btn:hover{color:var(--mhv-text);background:#ffffff1a}.mhv-refresh-btn.mhv-spin{animation:.8s linear infinite mhv-spin-anim}.mhv-kpis{grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 0 8px;display:grid}.mhv-kpi{background:var(--mhv-card);border:1px solid var(--mhv-border);border-radius:var(--mhv-r-lg);cursor:default;align-items:center;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s;animation:.5s cubic-bezier(.16,1,.3,1) both mhv-fade-up;display:flex;position:relative;overflow:hidden}.mhv-kpi:first-child{animation-delay:50ms}.mhv-kpi:nth-child(2){animation-delay:.1s}.mhv-kpi:nth-child(3){animation-delay:.15s}.mhv-kpi:nth-child(4){animation-delay:.2s}.mhv-kpi:before{content:"";background:var(--kpi-color,#f59e0b);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.mhv-kpi:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--kpi-color,#f59e0b) 15%, transparent) 0%, transparent 70%);border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.mhv-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.mhv-kpi-ring-wrap{flex-shrink:0;position:relative}.mhv-ring{display:block}.mhv-kpi-ring-icon{justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;inset:0}.mhv-kpi-body{flex:1;min-width:0}.mhv-kpi-val{color:var(--mhv-text);font-size:1.45rem;font-weight:800;line-height:1.1;animation:.6s cubic-bezier(.16,1,.3,1) mhv-count-up}@keyframes mhv-count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mhv-kpi-label{color:var(--mhv-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.78rem;font-weight:600}.mhv-kpi-sub{color:var(--mhv-muted);margin-top:3px;font-size:.78rem}.mhv-tab-pane{animation:.35s cubic-bezier(.16,1,.3,1) mhv-tab-in}@keyframes mhv-tab-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.mhv-grid2{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.mhv-card{background:var(--mhv-card);border:1px solid var(--mhv-border);border-radius:var(--mhv-r-lg);flex-direction:column;gap:16px;padding:24px;transition:box-shadow .2s;display:flex}.mhv-card:hover{box-shadow:0 4px 20px #0003}.mhv-card-head{border-bottom:1px solid var(--mhv-border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.mhv-card-head h3{color:var(--mhv-text);align-items:center;gap:6px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.mhv-count-badge{color:var(--mhv-accent);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:20px;padding:2px 8px;font-size:.8rem;font-weight:700}.mhv-btn-row{gap:8px;display:flex}.mhv-primary-btn,.mhv-accent-btn{cursor:pointer;color:#0d1117;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;padding:11px 20px;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 12px #f59e0b4d}.mhv-primary-btn:hover,.mhv-accent-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.mhv-primary-btn:active{transform:translateY(0)}.mhv-primary-btn:disabled,.mhv-accent-btn:disabled{opacity:.6;pointer-events:none}.mhv-full-btn{justify-content:center;width:100%;padding:13px}.mhv-ghost-btn{border:1px solid var(--mhv-border);cursor:pointer;color:var(--mhv-muted);background:#ffffff0d;border-radius:8px;padding:8px 14px;font-size:.85rem;transition:background .15s,color .15s}.mhv-ghost-btn:hover{color:var(--mhv-text);background:#ffffff17}.mhv-btn-sm{padding:7px 12px;font-size:.82rem}.mhv-cat-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.mhv-cat-health{color:#6ee7b7;background:#10b9812e;border:1px solid #10b98140}.mhv-cat-finance{color:#fcd34d;background:#f59e0b2e;border:1px solid #f59e0b40}.mhv-cat-learning{color:#c4b5fd;background:#8b5cf62e;border:1px solid #8b5cf640}.mhv-cat-social{color:#f9a8d4;background:#ec48992e;border:1px solid #ec489940}.mhv-cat-mental{color:#67e8f9;background:#06b6d42e;border:1px solid #06b6d440}.mhv-cat-creativity{color:#fdba74;background:#f973162e;border:1px solid #f9731640}.mhv-cat-general{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1f}.mhv-xp-tag{color:var(--mhv-accent);background:#f59e0b1f;border:1px solid #f59e0b33;border-radius:12px;align-items:center;gap:3px;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.mhv-action-list{flex-direction:column;gap:10px;display:flex}.mhv-action-card{border:1px solid var(--mhv-border);border-radius:var(--mhv-r);background:#ffffff05;padding:16px;transition:border-color .2s,background .2s,transform .2s;animation:.4s cubic-bezier(.16,1,.3,1) both mhv-fade-up;position:relative;overflow:hidden}.mhv-action-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translate(2px)}.mhv-action-card.done{opacity:.85;background:#10b9810d;border-color:#10b9814d}.mhv-action-card.skipped{opacity:.5}.mhv-action-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mhv-done-stamp{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) mhv-badge-pop;display:flex}.mhv-action-text{color:var(--mhv-text);margin:0 0 12px;font-size:.92rem;line-height:1.5}.mhv-action-card.done .mhv-action-text{color:var(--mhv-muted);text-decoration:line-through}.mhv-action-footer{gap:8px;display:flex}.mhv-complete-btn{cursor:pointer;color:#6ee7b7;background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b98133;border-radius:8px;flex:1;padding:8px 14px;font-size:.85rem;font-weight:600;transition:background .15s,transform .15s,border-color .15s}.mhv-complete-btn:hover:not(:disabled){background:#10b9814d;border-color:#10b98166;transform:translateY(-1px)}.mhv-complete-btn:disabled{opacity:.6;cursor:default}.mhv-skip-btn{cursor:pointer;border:none;border:1px solid var(--mhv-border);color:var(--mhv-muted);background:#ffffff0a;border-radius:8px;padding:8px 12px;font-size:.85rem;transition:background .15s,color .15s}.mhv-skip-btn:hover:not(:disabled){color:var(--mhv-text);background:#ffffff14}.mhv-skip-btn:disabled{opacity:.5;cursor:default}.mhv-completion-bar{background:linear-gradient(90deg,#10b981,#059669);height:2px;animation:.6s cubic-bezier(.16,1,.3,1) mhv-bar-in;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 6px #10b98180}@keyframes mhv-bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stagger-1{animation-delay:40ms}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.24s}.stagger-7{animation-delay:.28s}.stagger-8{animation-delay:.32s}.stagger-9{animation-delay:.36s}.stagger-10{animation-delay:.4s}.mhv-wellness-grid{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.mhv-wellness-row{grid-template-columns:40px 1fr;align-items:center;gap:10px;display:grid}.mhv-wellness-icon{background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.mhv-mini-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}.mhv-mini-stat{border:1px solid var(--mhv-border);text-align:center;background:#ffffff08;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;font-size:.78rem;transition:background .15s;display:flex}.mhv-mini-stat:hover{background:#ffffff0f}.mhv-mini-stat span{font-size:1.1rem}.mhv-mini-stat strong{color:var(--mhv-text);font-size:1.05rem;font-weight:700}.mhv-mini-stat small{color:var(--mhv-muted)}.mhv-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mhv-goal-list{flex-direction:column;gap:10px;display:flex}.mhv-goal-card{border:1px solid var(--mhv-border);border-radius:var(--mhv-r);background:#ffffff06;padding:14px;transition:border-color .15s;animation:.4s cubic-bezier(.16,1,.3,1) both mhv-fade-up}.mhv-goal-card:hover{border-color:#8b5cf64d}.mhv-goal-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.mhv-goal-title{color:var(--mhv-text);margin-bottom:4px;font-size:.95rem;font-weight:700}.mhv-goal-desc{color:var(--mhv-muted);margin-bottom:8px;font-size:.82rem;line-height:1.4}.mhv-goal-meta{color:var(--mhv-muted);margin-top:4px;font-size:.78rem}.mhv-prio-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.mhv-prio-low{color:#6ee7b7;background:#10b98126;border:1px solid #10b98133}.mhv-prio-medium{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b33}.mhv-prio-high{color:#fca5a5;background:#ef444426;border:1px solid #ef444433}.mhv-prog-wrap{align-items:center;gap:10px;margin-top:8px;display:flex}.mhv-prog-track{background:#ffffff14;border-radius:6px;flex:1;height:6px;overflow:hidden}.mhv-prog-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:6px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.mhv-prog-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;animation:2s ease-in-out infinite mhv-shimmer;position:absolute;top:0;bottom:0;right:0}@keyframes mhv-shimmer{0%{opacity:0}50%{opacity:1}to{opacity:0}}.mhv-prog-cat-health{background:linear-gradient(90deg,#10b981,#34d399)}.mhv-prog-cat-finance{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.mhv-prog-cat-learning{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.mhv-prog-cat-social{background:linear-gradient(90deg,#ec4899,#f472b6)}.mhv-prog-cat-mental{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.mhv-prog-cat-creativity{background:linear-gradient(90deg,#f97316,#fb923c)}.mhv-prog-label{color:var(--mhv-muted);text-align:right;min-width:34px;font-size:.78rem;font-weight:600}.mhv-journal-list{flex-direction:column;gap:10px;display:flex}.mhv-journal-card{border:1px solid var(--mhv-border);border-radius:var(--mhv-r);background:#ffffff06;padding:14px;transition:border-color .15s;animation:.4s cubic-bezier(.16,1,.3,1) both mhv-fade-up}.mhv-journal-card:hover{border-color:#06b6d44d}.mhv-journal-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.mhv-mood-tag{color:#67e8f9;background:#06b6d41f;border:1px solid #06b6d433;border-radius:12px;padding:2px 8px;font-size:.76rem;font-weight:600;display:inline-flex}.mhv-journal-date{color:var(--mhv-muted);margin-left:auto;font-size:.76rem}.mhv-journal-content{color:var(--mhv-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.mhv-xp-overview{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mhv-xp-stat{text-align:center;border:1px solid var(--mhv-border);background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;transition:background .15s;display:flex}.mhv-xp-stat:hover{background:#ffffff12}.mhv-xp-stat span{font-size:1.4rem}.mhv-xp-stat strong{color:var(--mhv-text);font-size:1.2rem;font-weight:800}.mhv-xp-stat small{color:var(--mhv-muted);font-size:.76rem}.mhv-cat-bars{flex-direction:column;gap:10px;display:flex}.mhv-cat-bar{animation:.4s cubic-bezier(.16,1,.3,1) both mhv-fade-up}.mhv-cat-bar-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mhv-cat-bar-head strong{color:var(--mhv-text);font-size:.85rem;font-weight:700}.mhv-ai-box{border-radius:var(--mhv-r);background:#8b5cf614;border:1px solid #8b5cf633;margin-top:8px;padding:16px}.mhv-ai-header{color:#c4b5fd;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.mhv-ai-icon{font-size:1.1rem;animation:4s ease-in-out infinite mhv-icon-float}.mhv-ai-text{color:var(--mhv-muted);margin:0;font-size:.88rem;line-height:1.6}.mhv-badge-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.mhv-badge-card{text-align:center;border-radius:var(--mhv-r);border:1px solid var(--mhv-border);cursor:default;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;transition:transform .2s,border-color .2s;animation:.4s cubic-bezier(.16,1,.3,1) both mhv-fade-up;display:flex}.mhv-badge-card:hover{transform:translateY(-3px)}.mhv-badge-emoji{font-size:1.8rem;line-height:1}.mhv-badge-name{color:var(--mhv-muted);font-size:.72rem;font-weight:600}.mhv-badge-status{font-size:.7rem;font-weight:700}.mhv-badge-earned{background:#f59e0b14;border-color:#f59e0b40;box-shadow:0 0 12px #f59e0b1a}.mhv-badge-earned .mhv-badge-status{color:var(--mhv-accent)}.mhv-badge-earned .mhv-badge-emoji{animation:3s ease-in-out infinite mhv-badge-glow}@keyframes mhv-badge-glow{0%,to{filter:drop-shadow(0 0 #f59e0b00)}50%{filter:drop-shadow(0 0 8px #f59e0bb3)}}.mhv-badge-locked{opacity:.45;filter:grayscale()}.mhv-badge-locked .mhv-badge-status{color:var(--mhv-muted)}.mhv-challenge-list{flex-direction:column;gap:10px;display:flex}.mhv-challenge-card{border:1px solid var(--mhv-border);border-radius:var(--mhv-r);background:#ffffff06;flex-direction:column;gap:10px;padding:14px;transition:border-color .15s;animation:.4s cubic-bezier(.16,1,.3,1) both mhv-fade-up;display:flex}.mhv-challenge-card:hover{border-color:#ec48994d}.mhv-challenge-inner{align-items:flex-start;gap:10px;display:flex}.mhv-challenge-icon{flex-shrink:0;font-size:1.6rem;animation:4s ease-in-out infinite mhv-icon-float}.mhv-challenge-info{flex:1;min-width:0}.mhv-challenge-title{color:var(--mhv-text);margin-bottom:3px;font-size:.92rem;font-weight:700}.mhv-challenge-desc{color:var(--mhv-muted);font-size:.82rem;line-height:1.4}.mhv-leaderboard{flex-direction:column;gap:8px;display:flex}.mhv-lb-row{border:1px solid var(--mhv-border);background:#ffffff06;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;animation:.4s cubic-bezier(.16,1,.3,1) both mhv-fade-up;display:flex}.mhv-lb-row:hover{background:#ffffff0d}.mhv-lb-podium{background:#f59e0b0f;border-color:#f59e0b33}.mhv-lb-medal{text-align:center;min-width:30px;color:var(--mhv-muted);font-size:1.2rem;font-weight:700}.mhv-lb-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.mhv-lb-name{color:var(--mhv-text);flex:1;font-size:.9rem;font-weight:600}.mhv-lb-score{color:var(--mhv-accent);font-size:.9rem;font-weight:700}.mhv-lb-score small{color:var(--mhv-muted);margin-left:3px;font-size:.72rem;font-weight:400}.mhv-empty-state{text-align:center;color:var(--mhv-muted);padding:32px 16px}.mhv-empty-icon{margin-bottom:10px;font-size:2.5rem;animation:3s ease-in-out infinite mhv-icon-float}.mhv-empty-state p{margin:0;font-size:.9rem;line-height:1.6}.mhv-empty-state small{color:var(--mhv-muted);font-size:.82rem}#mhv-toast-rack{z-index:9999;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.mhv-toast{-webkit-backdrop-filter:blur(12px);opacity:0;border:1px solid var(--mhv-border);border-radius:10px;align-items:center;gap:10px;min-width:240px;max-width:360px;padding:12px 18px;font-size:.9rem;font-weight:600;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s;display:flex;transform:translate(110%);box-shadow:0 8px 30px #00000080}.mhv-toast.show{opacity:1;transform:translate(0)}.mhv-toast-ok{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.mhv-toast-xp{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b4d}.mhv-toast-err{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.mhv-toast-icon{font-size:1.1rem}.mhv-confetti-piece{z-index:9999;pointer-events:none;animation:1.2s cubic-bezier(.22,.61,.36,1) forwards mhv-confetti-fly;position:fixed}@keyframes mhv-confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx,60px), var(--dy,-100px)) rotate(var(--r,360deg));opacity:0}}.mhv-xp-pop{z-index:9999;pointer-events:none;color:#fbbf24;text-shadow:0 0 12px #fbbf24cc;font-size:1rem;font-weight:900;animation:1s cubic-bezier(.22,.61,.36,1) forwards mhv-xp-rise;position:fixed}@keyframes mhv-xp-rise{0%{opacity:1;transform:translateY(0)scale(1.4)}60%{opacity:1}to{opacity:0;transform:translateY(-60px)scale(1)}}@media (width<=1100px){.mhv-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.mhv-shell{grid-template-columns:1fr}.mhv-sidebar{z-index:100;width:280px;height:100vh;transition:transform .35s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-105%)}.mhv-shell.nav-open .mhv-sidebar{transform:translate(0)}.mhv-menu-btn{display:flex}.mhv-sb-close{justify-content:center;align-items:center;display:flex}.mhv-grid2{grid-template-columns:1fr}.mhv-body{padding:0 16px 24px}.mhv-header{padding:14px 16px}.mhv-auth-inner{grid-template-columns:1fr}.mhv-auth-brand{text-align:center}.mhv-brand-features{text-align:left;align-items:flex-start}.mhv-brand-stats{justify-content:center}}@media (width<=600px){.mhv-kpis{grid-template-columns:1fr 1fr}.mhv-kpi{gap:10px;padding:14px}.mhv-kpi-val,.mhv-header-title h1{font-size:1.15rem}.mhv-header-quote{display:none}.mhv-badge-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.mhv-xp-pill{display:none}.mhv-form-row{grid-template-columns:1fr}}@media (width<=380px){.mhv-kpis{grid-template-columns:1fr}.mhv-streak-pill{display:none}}