.app-layout{display:flex;min-height:100vh;background:radial-gradient(circle at 50% 0%,#161a36 0%,var(--bg-gradient-start) 40%,var(--bg-gradient-end) 100%)}.main-content{margin-left:240px;flex:1;padding:32px 40px;min-height:100vh;width:calc(100% - 240px);overflow-y:auto;transition:all .3s ease}.dashboard-grid{display:grid;grid-template-columns:2.2fr 2fr 1.6fr;gap:24px;align-items:start}.grid-col{display:flex;flex-direction:column;gap:24px}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.assistant-col{grid-column:span 2}.goals-grid,.settings-grid{grid-template-columns:1fr!important;gap:24px}}@media (max-width: 768px){.mobile-toggle-btn{display:block!important}.sidebar-nav{transform:translate(-100%)}.sidebar-nav.open{transform:translate(0)}.main-content{margin-left:0;width:100%;padding:80px 16px 24px}.dashboard-grid{grid-template-columns:1fr}.assistant-col{grid-column:span 1}}.hover-glow-text:hover{text-shadow:0 0 8px var(--color-primary-glow);color:var(--color-secondary)!important}.toggle-switch:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 1px 3px #0000004d}.toggle-switch:checked:before{transform:translate(20px)}:root{--bg-gradient-start: #0d0f20;--bg-gradient-end: #05060d;--panel-bg: rgba(18, 20, 38, .45);--panel-bg-hover: rgba(26, 29, 54, .55);--panel-border: rgba(255, 255, 255, .08);--panel-border-glow: rgba(157, 78, 221, .3);--color-primary: #9d4edd;--color-primary-glow: rgba(157, 78, 221, .25);--color-secondary: #00f5d4;--color-secondary-glow: rgba(0, 245, 212, .25);--color-accent: #ff5d73;--color-accent-glow: rgba(255, 93, 115, .25);--color-success: #38b000;--color-success-glow: rgba(56, 176, 0, .25);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(16px);--border-radius-lg: 16px;--border-radius-md: 12px;--border-radius-sm: 8px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(circle at 50% 0%,#161a36 0%,var(--bg-gradient-start) 40%,var(--bg-gradient-end) 100%);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--border-radius-sm);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);border:2px solid transparent;background-clip:padding-box}.glass-panel{background:var(--panel-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);z-index:1}.glass-panel.interactive:hover{background:var(--panel-bg-hover);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000080,0 0 20px 0 var(--panel-border-glow)}.glow-text-purple{text-shadow:0 0 10px var(--color-primary-glow)}.glow-text-teal{text-shadow:0 0 10px var(--color-secondary-glow)}.glow-border-purple:focus-within{border-color:var(--color-primary)!important;box-shadow:0 0 12px var(--color-primary-glow)}.glow-border-teal:focus-within{border-color:var(--color-secondary)!important;box-shadow:0 0 12px var(--color-secondary-glow)}input,select,textarea{background:#0000004d;border:1px solid var(--panel-border);border-radius:var(--border-radius-sm);color:var(--text-main);padding:10px 14px;font-family:var(--font-body);font-size:.9rem;outline:none;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow);background:#0006}.chat-messages::-webkit-scrollbar{width:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#05060dcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;animation:fadeIn .25s ease-out}.modal-content{background:radial-gradient(circle at 50% 0%,#1e2246,#0d0f20);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px #0009,0 0 30px var(--color-primary-glow);width:90%;max-width:500px;padding:24px;border-radius:var(--border-radius-lg);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);position:relative}.btn{font-family:var(--font-heading);font-weight:600;padding:10px 18px;border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#7b2cbf 100%);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #9d4edd73}.btn-secondary{background:#ffffff0d;border-color:var(--panel-border);color:var(--text-main)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-teal{background:linear-gradient(135deg,var(--color-secondary) 0%,#00bbf9 100%);color:#06070c;box-shadow:0 4px 15px var(--color-secondary-glow)}.btn-teal:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f5d473}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--color-primary-glow)}50%{box-shadow:0 0 25px #9d4edd73}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.analytics-top-grid{grid-template-columns:1fr 1fr!important}.analytics-top-grid>*:last-child{grid-column:span 2}}@media (max-width: 768px){.analytics-top-grid,.analytics-bottom-grid{grid-template-columns:1fr!important}.analytics-top-grid>*:last-child{grid-column:span 1}}.grid-container{display:grid;gap:20px}