@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg-primary:#0a0f1e;--bg-secondary:#0f1729;--bg-card:#131d35;--bg-card-hover:#1a2540;--accent-teal:#00d4aa;--accent-violet:#7c5cfc;--accent-coral:#ff6b6b;--accent-amber:#ffd166;--accent-sky:#4cc9f0;--text-primary:#e8eaf6;--text-secondary:#8892b0;--text-muted:#4a5568;--border:#ffffff12;--border-accent:#00d4aa4d;--sidebar-width:260px;--sidebar-closed:72px;--glow-teal:0 0 30px #00d4aa33;--glow-violet:0 0 30px #7c5cfc33;--radius:16px;--radius-sm:10px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 82% -10%, #7c5cfc29, transparent 32rem), radial-gradient(circle at 15% 90%, #00d4aa17, transparent 30rem), var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px}.app-shell{min-height:100vh}.app-main{min-height:100vh;color:var(--text-primary);transition:margin-left .3s}.app-main.sidebar-open{margin-left:260px}.app-main.sidebar-closed{margin-left:82px}.app-sidebar{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080f1ee0;border-right:1px solid #ffffff14;flex-direction:column;width:260px;padding:18px 14px;transition:width .3s,transform .3s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.app-sidebar.is-closed{width:82px}.brand-lockup{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:58px;padding:4px 8px 18px;display:flex}.brand-mark{color:#06101a;background:linear-gradient(135deg,#5eead4,#a78bfa);border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 10px 30px #5eead433}.brand-mark span{animation:12s linear infinite spin-slow}.brand-copy,.profile-copy{white-space:nowrap;flex-direction:column;min-width:0;display:flex}.brand-copy strong{font:700 1.1rem Playfair Display,serif}.brand-copy span{color:var(--text-secondary);font-size:.68rem}.nav-caption{color:#64748b;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:22px 12px 8px;font-size:.64rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:5px;display:flex}.sidebar-nav button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.sidebar-nav button:hover{color:#fff;background:#ffffff0b}.sidebar-nav button.active{color:var(--item-color);background:color-mix(in srgb,var(--item-color) 11%,transparent);border-color:color-mix(in srgb,var(--item-color) 18%,transparent)}.nav-icon{text-align:center;flex:0 0 30px;width:30px;font-size:1.15rem}.nav-label{white-space:nowrap;font-size:.87rem;font-weight:600}.nav-dot{background:var(--item-color);opacity:0;width:5px;height:5px;box-shadow:0 0 10px var(--item-color);border-radius:50%;margin-left:auto}.active .nav-dot{opacity:1}.sidebar-wellness-note{white-space:nowrap;background:linear-gradient(135deg,#5eead412,#a78bfa12);border:1px solid #5eead41f;border-radius:14px;margin:auto 4px 14px;padding:14px}.sidebar-wellness-note span{color:#5eead4;text-transform:uppercase;letter-spacing:.1em;font-size:.63rem;display:block}.sidebar-wellness-note strong{white-space:normal;color:#cbd5e1;width:190px;margin-top:5px;font-size:.74rem;line-height:1.4;display:block}.sidebar-profile{border-top:1px solid var(--border);align-items:center;gap:10px;padding:13px 6px 4px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#7c5cfc,#00d4aa);border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:.75rem;font-weight:800;display:grid}.profile-copy{flex:1}.profile-copy strong{color:#e2e8f0;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.profile-copy span{color:#64748b;text-overflow:ellipsis;max-width:128px;font-size:.65rem;overflow:hidden}.logout-button,.sidebar-toggle{color:#94a3b8;border:1px solid var(--border);cursor:pointer;background:#ffffff0a}.logout-button{border-radius:9px;width:30px;height:30px}.sidebar-toggle{background:#121c31;border-radius:50%;width:25px;height:25px;position:absolute;top:31px;right:-12px}.is-closed .brand-copy,.is-closed .nav-caption,.is-closed .nav-label,.is-closed .nav-dot,.is-closed .sidebar-wellness-note,.is-closed .profile-copy,.is-closed .logout-button{opacity:0;pointer-events:none}.mobile-menu-button,.sidebar-backdrop{display:none}.app-root{min-height:100vh;display:flex}.main-content{transition:var(--transition);flex:1;min-height:100vh;overflow-y:auto}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.main-content.sidebar-closed{margin-left:var(--sidebar-closed)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.card{border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);background:linear-gradient(145deg,#131d35eb,#0c1528e6);padding:24px}.card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--glow-teal)}.page-container{max-width:1400px;margin:0 auto;padding:32px}.page-header{margin-bottom:32px}.page-title{background:linear-gradient(135deg, var(--text-primary), var(--accent-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:6px;font-size:1rem;font-weight:300}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.btn-primary{background:linear-gradient(135deg, var(--accent-teal), var(--accent-violet));color:#fff;cursor:pointer;transition:var(--transition);letter-spacing:.5px;border:none;border-radius:50px;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa59}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:var(--transition);background:0 0;border-radius:50px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:.88rem}.btn-ghost:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.badge{letter-spacing:.5px;border-radius:50px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-teal{color:var(--accent-teal);background:#00d4aa1f;border:1px solid #00d4aa40}.badge-violet{color:var(--accent-violet);background:#7c5cfc1f;border:1px solid #7c5cfc40}.badge-coral{color:var(--accent-coral);background:#ff6b6b1f;border:1px solid #ff6b6b40}.badge-amber{color:var(--accent-amber);background:#ffd1661f;border:1px solid #ffd16640}.progress-bar-track{background:var(--bg-secondary);border-radius:10px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-teal), var(--accent-violet));border-radius:10px;height:100%;transition:width .8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4aa4d}50%{box-shadow:0 0 40px #00d4aa99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.animate-fade-up{animation:.5s forwards fadeInUp}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.mood-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent-teal);margin-bottom:12px;font-size:.72rem;font-weight:600}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content.sidebar-open{margin-left:0}.page-container{padding:20px}.app-main.sidebar-open,.app-main.sidebar-closed{margin-left:0;padding-top:58px}.app-sidebar,.app-sidebar.is-closed{width:min(86vw,290px);transform:translate(-105%)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar.is-open .brand-copy,.app-sidebar.is-open .nav-caption,.app-sidebar.is-open .nav-label,.app-sidebar.is-open .nav-dot,.app-sidebar.is-open .sidebar-wellness-note,.app-sidebar.is-open .profile-copy,.app-sidebar.is-open .logout-button{opacity:1;pointer-events:auto}.sidebar-toggle{display:none}.sidebar-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617ad;border:0;display:block;position:fixed;inset:0}.mobile-menu-button{z-index:80;color:#e2e8f0;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1ed9;border-radius:12px;align-items:center;gap:10px;padding:9px 14px;display:flex;position:fixed;top:10px;left:12px}.mobile-menu-button span{font-family:Playfair Display,serif;font-weight:700}.page-title{font-size:1.85rem}.page-header{margin-bottom:22px}.dashboard-hero-row{flex-direction:column;gap:18px}.dashboard-hero-row>div:last-child{width:100%;min-width:0!important}.dashboard-insights-grid{grid-template-columns:1fr!important}}