:root{--bg-primary: #0f0f1e;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-app: #0f172a;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-tertiary: #70708a;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05)}[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f5;--bg-app: #f9fafb;--text-primary: #1a1a2e;--text-secondary: #5a5a6e;--text-tertiary: #8a8a9e;--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .05)}.transitions-enabled *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.no-transitions *{transition:none!important}@font-face{font-family:Inter Fallback;src:local("Arial");font-display:swap;size-adjust:94%;ascent-override:90%;descent-override:22%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary, "Inter", "Inter Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh}.page-transition-wrapper{width:100%;height:100%;min-height:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--neutral-900);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-h1);font-weight:var(--font-bold)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}h5{font-size:var(--text-h5)}h6{font-size:var(--text-h6)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--brand-secondary);text-decoration:underline}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}code{font-family:var(--font-mono);font-size:.9em;padding:var(--space-1) var(--space-2);background:var(--neutral-100);border-radius:var(--radius-sm);color:var(--error-600)}pre{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-4);background:var(--neutral-900);color:var(--neutral-50);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}ul,ol{list-style:none}ul[class],ol[class]{padding:0}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full);border:3px solid var(--neutral-100)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}::selection{background:var(--brand-primary);color:#fff}::-moz-selection{background:var(--brand-primary);color:#fff}:focus{outline:2px solid var(--brand-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-default)}.animate-slide-up{animation:slideUp var(--duration-base) var(--ease-default)}.animate-slide-down{animation:slideDown var(--duration-base) var(--ease-default)}.animate-scale-in{animation:scaleIn var(--duration-base) var(--ease-bounce)}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 0px,var(--neutral-100) 40px,var(--neutral-200) 80px);background-size:600px;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #0f1419;--bg-secondary: #1a1d2e;--bg-tertiary: #252837;--bg-hover: #2d3142;--border-primary: #2d3748;--border-secondary: #1a1d2e;--border-hover: #3d4556;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--active-bg: rgba(102, 126, 234, .1);--active-border: #667eea;--focus-ring: rgba(102, 126, 234, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .5);--shadow-panel: -4px 0 24px rgba(0, 0, 0, .4);--z-base: 1;--z-dropdown: 50;--z-sticky: 100;--z-fixed: 200;--z-modal-backdrop: 1000;--z-modal: 1001;--z-popover: 1500;--z-tooltip: 2000;--transition-fast: all .2s ease;--transition-panel: transform .3s cubic-bezier(.4, 0, .2, 1);--transition-fade: opacity .2s ease;color-scheme:dark}[data-theme=light]{color-scheme:light;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--border-primary: #cbd5e1;--border-secondary: #e2e8f0;--border-hover: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--active-bg: rgba(102, 126, 234, .08);--active-border: #667eea;--focus-ring: rgba(102, 126, 234, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--shadow-panel: -4px 0 24px rgba(0, 0, 0, .1)}#root{min-height:100vh;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}body,.app,.app-header,.sidebar,.card,.modal,.preferences-container,.section-card,.nav-item,.preferences-section{transition:background-color .25s ease,border-color .25s ease,color .25s ease}body,html{margin:0;padding:0;width:100%;max-width:100vw;height:100%;overflow-x:hidden;overflow-y:auto}@media(max-width:768px){body,html{overflow-x:hidden;overflow-y:auto;position:relative}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}*{touch-action:manipulation}button,a,nav,.mobile-tab-bar,.widget,.board-header{-webkit-user-select:none;user-select:none}.app-content,.timeline-scroll,.dashboard{-webkit-overflow-scrolling:touch}.mobile-tab-bar,.mobile-tab,.widget,.dashboard-grid{will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.app-shell{overscroll-behavior-y:contain}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%}input,textarea,select{font-size:16px!important}.app-content,.timeline-scroll,.dashboard,.trello-board{touch-action:pan-y}}.public-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f1419cc;backdrop-filter:blur(12px);border-bottom:1px solid rgba(102,126,234,.1)}.public-nav-container{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.public-nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer}.public-nav-logo-img{height:40px;width:auto;object-fit:contain;display:block}.public-nav-links{display:flex;align-items:center;gap:1.5rem}.public-nav-link{background:none;border:none;color:#94a3b8;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:color .2s ease;font-family:inherit}.public-nav-link:hover{color:#e2e8f0}.public-nav-cta{padding:10px 24px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d;font-family:inherit}.public-nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.public-nav-hamburger,.public-mobile-nav-right,.public-nav-signin-mobile{display:none}.public-mobile-nav-panel{display:none;flex-direction:column;justify-content:space-between;background:#0a0e16fa;backdrop-filter:blur(20px);border-top:1px solid rgba(102,126,234,.15);max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:0}.public-mobile-nav-panel.open{max-height:480px;opacity:1}@media(max-width:768px){.public-nav{padding-top:env(safe-area-inset-top,0px)}.public-nav-links{display:none}.public-mobile-nav-right{display:flex;align-items:center;gap:8px}.public-nav-signin-mobile{display:block;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#e2e8f0;font-size:14px;font-weight:600;padding:8px 14px;cursor:pointer;min-height:40px;white-space:nowrap;font-family:inherit}.public-nav-signin-mobile:active{background:#667eea1a;border-color:#667eea66}.public-nav-hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .2s,background .2s}.public-nav-hamburger.open{background:#667eea1f;border-color:#667eea66}.pub-hb-line{display:block;width:18px;height:2px;background:#e2e8f0;border-radius:2px;transition:transform .25s ease,opacity .2s ease,width .2s ease;transform-origin:center}.public-nav-hamburger.open .pub-hb-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.public-nav-hamburger.open .pub-hb-line:nth-child(2){opacity:0;width:0}.public-nav-hamburger.open .pub-hb-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.public-mobile-nav-panel{display:flex}.public-mobile-nav-items{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.public-mobile-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:#cbd5e1;font-size:17px;font-weight:500;padding:16px 24px;text-align:left;cursor:pointer;transition:color .15s,background .15s;min-height:56px;font-family:inherit}.public-mobile-nav-item:active{color:#667eea;background:#667eea0f}.pub-mnav-label{flex:1}.pub-mnav-arrow{color:#475569;font-size:16px;transition:transform .15s,color .15s}.public-mobile-nav-item:active .pub-mnav-arrow{transform:translate(3px);color:#667eea}.public-mobile-nav-cta-wrap{padding:20px 24px 24px;display:flex;flex-direction:column;gap:10px;align-items:center}.public-mobile-nav-cta-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:-.01em;box-shadow:0 4px 20px #667eea66;transition:opacity .15s,transform .15s;font-family:inherit}.public-mobile-nav-cta-btn:active{opacity:.9;transform:scale(.98)}.public-mobile-nav-fine{font-size:12px;color:#475569;margin:0}.public-nav-container{padding:14px 20px}.public-nav-logo-img{height:34px}}.landing-page{min-height:100vh;width:100%;background:linear-gradient(180deg,#0f1419,#1a1d2e,#0f1419);color:var(--text-primary, #e2e8f0);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f1419cc;backdrop-filter:blur(12px);border-bottom:1px solid rgba(102,126,234,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.nav-logo-img{height:40px;width:auto;object-fit:contain;display:block}.footer-logo-img{height:48px;width:auto;object-fit:contain;display:block;margin:0 auto 12px}.logo-text{color:#e2e8f0}.logo-highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{background:none;border:none;color:#94a3b8;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:color .2s ease}.nav-link:hover{color:#e2e8f0}.nav-cta{padding:10px 24px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.hero{max-width:1200px;margin:0 auto;padding:140px 32px 100px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:90vh}.hero-content{z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:50px;font-size:14px;font-weight:600;color:#667eea;margin-bottom:24px}.badge-icon{font-size:16px}.hero-title{font-size:60px;font-weight:800;line-height:1.1;margin-bottom:24px;color:#e2e8f0;letter-spacing:-.02em}.brand{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:#94a3b8;line-height:1.6;margin-bottom:40px;max-width:540px}.hero-actions{display:flex;gap:16px;margin-bottom:48px}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.cta-button.secondary{background:transparent;color:#e2e8f0;border:2px solid rgba(102,126,234,.3)}.cta-button.secondary:hover{border-color:#667eea;background:#667eea1a}.button-icon{font-size:20px;transition:transform .3s ease}.cta-button:hover .button-icon{transform:translate(4px)}.hero-stats{display:flex;gap:48px}.stat{text-align:center}.stat-number{font-size:32px;font-weight:800;color:#667eea;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:#64748b;font-weight:500}.hero-visual{position:relative;height:500px}.floating-card{position:absolute;display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;animation:float 6s ease-in-out infinite}.floating-card.card-1{top:20%;left:10%;animation-delay:0s}.floating-card.card-2{top:50%;right:5%;animation-delay:2s}.floating-card.card-3{bottom:15%;left:15%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.card-icon{font-size:36px;filter:drop-shadow(0 2px 8px rgba(102,126,234,.3))}.card-content{flex:1}.card-title{font-size:14px;font-weight:600;color:#94a3b8;margin-bottom:8px}.card-progress{height:4px;background:#667eea33;border-radius:4px;overflow:hidden}.progress-bar{height:100%;width:75%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transform-origin:left center;animation:progressFill 2s ease-out forwards}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.card-metric{font-size:24px;font-weight:700;color:#e2e8f0}.card-trend{font-size:20px;font-weight:700;color:#10b981}.features{max-width:1200px;margin:0 auto;padding:100px 32px}.features-header{text-align:center;margin-bottom:64px}.section-badge{display:inline-block;padding:6px 16px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:50px;font-size:13px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.features-header h2{font-size:48px;font-weight:800;margin-bottom:16px;color:#e2e8f0;letter-spacing:-.02em}.section-subtitle{font-size:20px;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.feature-card{position:relative;padding:40px;background:linear-gradient(135deg,#1a1d2ecc,#0f1419cc);border:1px solid rgba(102,126,234,.1);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:#667eea66;box-shadow:0 16px 48px #667eea33}.feature-card:hover:before{opacity:1}.feature-card.featured{border:2px solid rgba(102,126,234,.3);background:linear-gradient(135deg,#667eea0d,#764ba20d)}.featured-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:50px}.feature-icon-wrapper{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;margin-bottom:24px;border:1px solid rgba(102,126,234,.2)}.feature-icon{font-size:36px;filter:drop-shadow(0 2px 8px rgba(102,126,234,.3))}.feature-card h3{font-size:24px;font-weight:700;margin-bottom:12px;color:#e2e8f0}.feature-card p{color:#94a3b8;line-height:1.7;margin-bottom:20px;font-size:15px}.feature-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:4px 12px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:50px;font-size:12px;font-weight:600;color:#667eea}.social-proof{background:linear-gradient(135deg,#667eea0f,#764ba20f);border-top:1px solid rgba(102,126,234,.12);border-bottom:1px solid rgba(102,126,234,.12);padding:72px 32px}.social-proof-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0}.proof-stat{flex:1;text-align:center;padding:0 40px}.proof-number{font-size:56px;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px;letter-spacing:-.03em}.proof-plus,.proof-k,.proof-pct{font-size:40px}.proof-label{font-size:18px;font-weight:700;color:#e2e8f0;margin-bottom:6px}.proof-sub{font-size:14px;color:#64748b;font-weight:500}.proof-divider{width:1px;height:80px;background:#667eea33;flex-shrink:0}.testimonials{padding:100px 32px}.testimonials-inner{max-width:1200px;margin:0 auto}.testimonials-header{text-align:center;margin-bottom:64px}.testimonials-header h2{font-size:48px;font-weight:800;margin-bottom:16px;color:#e2e8f0;letter-spacing:-.02em}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.testimonial-card{display:flex;flex-direction:column;gap:20px;padding:36px;background:linear-gradient(135deg,#1a1d2ee6,#0f1419e6);border:1px solid rgba(102,126,234,.1);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.testimonial-card:before{content:"“";position:absolute;top:-8px;left:24px;font-size:90px;font-family:Georgia,serif;color:#667eea26;line-height:1;pointer-events:none}.testimonial-card:hover{transform:translateY(-6px);border-color:#667eea59;box-shadow:0 16px 48px #667eea26}.testimonial-card.testimonial-featured{border:2px solid rgba(102,126,234,.3);background:linear-gradient(135deg,#667eea0f,#764ba20f)}.testimonial-card.testimonial-featured:after{content:"★ Top Review";position:absolute;top:16px;right:16px;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:50px}.testimonial-stars{font-size:16px;color:#f59e0b;letter-spacing:2px}.testimonial-text{font-size:15px;color:#94a3b8;line-height:1.75;flex:1;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(102,126,234,.1)}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.author-name{font-size:15px;font-weight:700;color:#e2e8f0;margin-bottom:2px}.author-role{font-size:13px;color:#64748b;font-weight:500}.cta-section{padding:120px 32px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-top:1px solid rgba(102,126,234,.1);border-bottom:1px solid rgba(102,126,234,.1)}.cta-content{max-width:700px;margin:0 auto;text-align:center}.cta-content h2{font-size:48px;font-weight:800;margin-bottom:16px;color:#e2e8f0;letter-spacing:-.02em}.cta-content>p{font-size:20px;color:#94a3b8;margin-bottom:40px;line-height:1.6}.cta-button-large{display:inline-flex;align-items:center;gap:12px;padding:20px 48px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #667eea66;font-family:inherit}.cta-button-large:hover{transform:translateY(-3px);box-shadow:0 16px 48px #667eea80}.cta-note{margin-top:16px;font-size:14px;color:#64748b;font-weight:500}.landing-footer{padding:60px 32px 40px;text-align:center;border-top:1px solid rgba(102,126,234,.1)}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:20px;font-weight:700;margin-bottom:12px}.footer-tagline{font-size:16px;color:#94a3b8;margin-bottom:24px}.footer-copyright{font-size:14px;color:#64748b;margin:0}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:60px;padding:120px 32px 80px}.hero-visual{display:none}.hero-title{font-size:48px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.testimonials-grid{grid-template-columns:repeat(2,1fr)}}.nav-hamburger,.mobile-nav-right,.nav-signin-mobile{display:none}.mobile-nav-panel{display:none;flex-direction:column;justify-content:space-between;background:#0a0e16fa;backdrop-filter:blur(20px);border-top:1px solid rgba(102,126,234,.15);max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:0}.mobile-nav-panel.open{max-height:480px;opacity:1}@media(max-width:768px){.nav-links{display:none}.nav-signin-mobile{display:block}.nav-hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .2s,background .2s}.nav-hamburger.open{background:#667eea1f;border-color:#667eea66}.hb-line{display:block;width:18px;height:2px;background:#e2e8f0;border-radius:2px;transition:transform .25s ease,opacity .2s ease,width .2s ease;transform-origin:center}.nav-hamburger.open .hb-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open .hb-line:nth-child(2){opacity:0;width:0}.nav-hamburger.open .hb-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-panel{display:flex}.mobile-nav-items{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:#cbd5e1;font-size:17px;font-weight:500;padding:16px 24px;text-align:left;cursor:pointer;transition:color .15s,background .15s;min-height:56px}.mobile-nav-item:active{color:#667eea;background:#667eea0f}.mnav-label{flex:1}.mnav-arrow{color:#475569;font-size:16px;transition:transform .15s,color .15s}.mobile-nav-item:active .mnav-arrow{transform:translate(3px);color:#667eea}.mobile-nav-cta-wrap{padding:20px 24px 24px;display:flex;flex-direction:column;gap:10px;align-items:center}.mobile-nav-cta-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:-.01em;box-shadow:0 4px 20px #667eea66;transition:opacity .15s,transform .15s}.mobile-nav-cta-btn:active{opacity:.9;transform:scale(.98)}.mobile-nav-fine{font-size:12px;color:#475569;margin:0}.mobile-nav-right{display:flex;align-items:center;gap:8px}.nav-signin-mobile{display:block;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#e2e8f0;font-size:14px;font-weight:600;padding:8px 14px;cursor:pointer;min-height:40px;white-space:nowrap}.nav-signin-mobile:active{background:#667eea1a;border-color:#667eea66}.nav-container{padding:14px 20px}.nav-logo{font-size:18px}.logo-icon{font-size:24px}.nav-cta{padding:8px 16px;font-size:14px}.hero{padding:80px 20px 60px;min-height:auto}.hero-title{font-size:32px}.hero-subtitle{font-size:15px}.hero-actions{flex-direction:column;gap:10px}.cta-button{width:100%;justify-content:center;padding:14px 24px}.hero-stats{gap:32px}.stat-number{font-size:24px}.stat-label{font-size:12px}.features{padding:80px 20px}.features-header h2{font-size:32px}.section-subtitle{font-size:16px}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:32px 24px}.social-proof{padding:56px 20px}.social-proof-inner{flex-direction:column;gap:40px}.proof-divider{width:80px;height:1px}.proof-stat{padding:0}.proof-number{font-size:48px}.testimonials{padding:80px 20px}.testimonials-header h2{font-size:32px}.testimonials-grid{grid-template-columns:1fr;gap:20px}.testimonial-card{padding:28px 24px}.cta-section{padding:80px 20px}.cta-content h2{font-size:32px}.cta-content>p{font-size:16px}.cta-button-large{width:100%;justify-content:center;padding:16px 32px}.landing-footer{padding:40px 20px 32px}}html{scroll-behavior:smooth}:root{--brand-primary: #6366f1;--brand-secondary: #8b5cf6;--brand-tertiary: #06b6d4;--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-sunset: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-ocean: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--neutral-950: #020617;--success-50: #ecfdf5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fff1f2;--error-500: #f43f5e;--error-600: #e11d48;--error-700: #be123c;--info-50: #f0f9ff;--info-500: #0ea5e9;--info-600: #0284c7;--info-700: #0369a1;--glass-light: rgba(255, 255, 255, .7);--glass-medium: rgba(255, 255, 255, .5);--glass-dark: rgba(255, 255, 255, .3);--glass-blur: blur(20px);--glass-border: rgba(255, 255, 255, .18);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Courier, monospace;--font-display: "Cal Sans", var(--font-primary);--text-display-2xl: 72px;--text-display-xl: 60px;--text-display-lg: 48px;--text-h1: 36px;--text-h2: 30px;--text-h3: 24px;--text-h4: 20px;--text-h5: 18px;--text-h6: 16px;--text-xl: 20px;--text-lg: 18px;--text-base: 16px;--text-sm: 14px;--text-xs: 12px;--text-2xs: 10px;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--space-36: 144px;--space-40: 160px;--space-44: 176px;--space-48: 192px;--space-52: 208px;--space-56: 224px;--space-60: 240px;--space-64: 256px;--space-72: 288px;--space-80: 320px;--space-96: 384px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-2xl: 0 50px 100px -20px rgba(0, 0, 0, .25);--shadow-primary: 0 8px 16px -4px rgba(99, 102, 241, .3);--shadow-success: 0 8px 16px -4px rgba(16, 185, 129, .3);--shadow-warning: 0 8px 16px -4px rgba(245, 158, 11, .3);--shadow-error: 0 8px 16px -4px rgba(244, 63, 94, .3);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-inner-lg: inset 0 4px 8px 0 rgba(0, 0, 0, .1);--radius-none: 0;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--ease-in-sine: cubic-bezier(.12, 0, .39, 0);--ease-out-sine: cubic-bezier(.61, 1, .88, 1);--ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--ease-in-quad: cubic-bezier(.11, 0, .5, 0);--ease-out-quad: cubic-bezier(.5, 1, .89, 1);--ease-in-out-quad: cubic-bezier(.45, 0, .55, 1);--ease-in-cubic: cubic-bezier(.32, 0, .67, 0);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--ease-default: var(--ease-out-cubic);--ease-smooth: var(--ease-in-out-sine);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-instant: 75ms;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--duration-slowest: .7s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f180}50%{box-shadow:0 0 20px #6366f1cc}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);position:relative;overflow:hidden;letter-spacing:var(--tracking-tight);font-family:var(--font-primary)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-secondary, #1a1d2e);color:var(--neutral-700);border:1px solid var(--neutral-300);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--neutral-700)}.btn-ghost:hover{background:var(--neutral-100)}.btn-danger{background:var(--gradient-sunset);color:#fff}.btn-danger:hover{box-shadow:var(--shadow-error);transform:translateY(-2px)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--text-base)}.btn.loading{pointer-events:none;opacity:.7}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin var(--duration-slower) linear infinite}.input-group{margin-bottom:var(--space-4)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);margin-bottom:var(--space-2)}.input-field{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--neutral-900);background:var(--bg-secondary, #1a1d2e);transition:all var(--duration-fast) var(--ease-default);font-family:var(--font-primary)}.input-field:hover{border-color:var(--neutral-400)}.input-field:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #6366f11a}.input-field::placeholder{color:var(--neutral-400)}.textarea-field{min-height:120px;resize:vertical;font-family:inherit;line-height:var(--leading-relaxed)}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-input,.radio-input{width:20px;height:20px;border:2px solid var(--neutral-300);border-radius:var(--radius-sm);appearance:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);position:relative}.radio-input{border-radius:var(--radius-full)}.checkbox-input:checked,.radio-input:checked{background:var(--gradient-primary);border-color:var(--brand-primary)}.checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.radio-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--bg-secondary, #1a1d2e);border-radius:50%}.card{background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04);transition:all var(--duration-base) var(--ease-default)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.card-body{color:var(--neutral-600)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-200)}.card-glass{background:var(--glass-light);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.modal-overlay{position:fixed;inset:0;background:#0f1419cc;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--duration-base) var(--ease-default)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:600px;width:90%;max-height:90vh;overflow:hidden;animation:scaleIn var(--duration-base) var(--ease-bounce)}.modal-header{padding:var(--space-6) var(--space-8);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-close{width:32px;height:32px;border:none;background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--space-8);overflow-y:auto;background:var(--bg-secondary)}.modal-footer{padding:var(--space-6) var(--space-8);background:var(--bg-tertiary);border-top:1px solid var(--border-primary);display:flex;gap:var(--space-3);justify-content:flex-end}.progress-bar{height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--progress-bg, var(--gradient-primary));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-default);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state-icon{font-size:64px;margin-bottom:var(--space-6);opacity:.4}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--neutral-600);max-width:400px;margin-bottom:var(--space-6)}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-4)}.skeleton-card{height:200px;width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--neutral-100);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--neutral-600);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-primary{background:#6366f11a;color:var(--brand-primary)}.badge-success{background:#10b9811a;color:var(--success-600)}.badge-warning{background:#f59e0b1a;color:var(--warning-600)}.badge-error{background:#f43f5e1a;color:var(--error-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;user-select:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary-600, #667eea);color:#fff}.btn-primary:hover{background:var(--primary-700, #5568d3)}.btn-secondary{background:var(--slate-700, #334155);color:#fff}.btn-secondary:hover{background:var(--slate-600, #475569)}.btn-danger{background:var(--danger-500, #ef4444);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-primary, #e2e8f0)}.btn-ghost:hover{background:var(--slate-700, #334155)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card{background:var(--slate-800, #1e293b);border:1px solid var(--slate-700, #334155);border-radius:var(--radius-lg, 12px);padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--slate-600, #475569);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--slate-700, #334155)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #e2e8f0);margin:0}.card-content{color:var(--text-secondary, #94a3b8)}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--slate-800, #1e293b);border:1px solid var(--slate-700, #334155);border-radius:var(--radius-xl, 16px);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--slate-700, #334155)}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #e2e8f0);margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm, 4px);transition:all .2s}.modal-close:hover{background:var(--slate-700, #334155);color:var(--text-primary, #e2e8f0)}.modal-content{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--slate-700, #334155)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #e2e8f0);margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--text-primary, #e2e8f0);background:var(--slate-900, #0f172a);border:1px solid var(--slate-700, #334155);border-radius:var(--radius-md, 8px);transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-600, #667eea);box-shadow:0 0 0 3px #667eea1a}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.form-error{display:block;font-size:.875rem;color:var(--danger-500, #ef4444);margin-top:.5rem}.form-help{display:block;font-size:.875rem;color:var(--text-secondary, #94a3b8);margin-top:.5rem}.progress-bar{width:100%;height:8px;background:var(--slate-700, #334155);border-radius:var(--radius-full, 9999px);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-600),var(--primary-700));transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full, 9999px)}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--text-secondary, #94a3b8);margin-bottom:.5rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full, 9999px);white-space:nowrap}.badge-primary{background:#667eea33;color:var(--primary-600, #667eea)}.badge-success{background:#10b98133;color:var(--success-500, #10b981)}.badge-warning{background:#f59e0b33;color:var(--warning-500, #f59e0b)}.badge-danger{background:#ef444433;color:var(--danger-500, #ef4444)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-secondary, #94a3b8)}.empty-state-icon{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #e2e8f0);margin-bottom:.5rem}.empty-state-description{font-size:.875rem;color:var(--text-secondary, #94a3b8);margin-bottom:1.5rem;max-width:400px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:var(--slate-800, #1e293b);border:1px solid var(--slate-700, #334155);border-radius:var(--radius-lg, 12px);padding:1.5rem}.metric-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary, #94a3b8);margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary, #e2e8f0);line-height:1}.metric-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;margin-top:.5rem}.metric-change.positive{color:var(--success-500, #10b981)}.metric-change.negative{color:var(--danger-500, #ef4444)}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #e2e8f0);margin-bottom:1rem;letter-spacing:-.01em}.section-description{font-size:.875rem;color:var(--text-secondary, #94a3b8);margin-bottom:1.5rem}.spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.1);border-top-color:var(--primary-600, #667eea);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin .8s linear infinite}@media(max-width:768px){.hide-mobile{display:none!important}.modal{max-width:100%;max-height:100vh;border-radius:0}.metrics-grid{grid-template-columns:1fr}}@media(min-width:769px){.hide-desktop{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--primary-600, #667eea);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop, 900);display:flex;align-items:center;justify-content:center}.modal-container{background:var(--bg-secondary, #1a1d2e);border:1px solid var(--border-primary, #2d3748);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:90vw;max-height:90vh;overflow:hidden;color:var(--text-primary, #e2e8f0);position:relative}.modal-header{padding:24px;border-bottom:1px solid var(--border-primary, #2d3748);background:#667eea0d}.modal-header h2{font-size:24px;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0}.modal-header h3{font-size:20px;font-weight:600;color:var(--text-primary, #e2e8f0);margin:0}.modal-header p{color:var(--text-secondary, #94a3b8);margin:8px 0 0;font-size:14px}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 200px)}.modal-footer{padding:20px 24px;border-top:1px solid var(--border-primary, #2d3748);display:flex;gap:12px;justify-content:flex-end;background:#0003}.modal-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.modal-button-primary{background:#667eea;color:#fff}.modal-button-primary:hover{background:#5568d3;transform:translateY(-1px)}.modal-button-secondary{background:transparent;color:var(--text-secondary, #94a3b8);border:1px solid var(--border-primary, #2d3748)}.modal-button-secondary:hover{background:#ffffff0d;color:var(--text-primary, #e2e8f0)}.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ef44441a;color:#ef4444}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:16px;font-weight:600;color:var(--text-primary, #e2e8f0);margin-bottom:12px}.modal-input,.modal-textarea,.modal-select{width:100%;padding:12px;background:var(--bg-tertiary, #242938);border:1px solid var(--border-primary, #2d3748);border-radius:8px;color:var(--text-primary, #e2e8f0);font-size:14px;transition:all .2s}.modal-input:focus,.modal-textarea:focus,.modal-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-input::placeholder,.modal-textarea::placeholder{color:var(--text-secondary, #94a3b8)}.modal-textarea{min-height:100px;resize:vertical}.modal-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary, #94a3b8);margin-bottom:6px}.modal-card{background:var(--bg-tertiary, #242938);border:1px solid var(--border-primary, #2d3748);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s}.modal-card:hover{background:#667eea0d;border-color:#667eea}.modal-list{list-style:none;padding:0;margin:0}.modal-list-item{padding:12px;background:var(--bg-tertiary, #242938);border:1px solid var(--border-primary, #2d3748);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.modal-list-item:hover{background:#667eea1a;border-color:#667eea}.modal-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-primary, #2d3748);margin-bottom:24px}.modal-tab{padding:12px 20px;background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.modal-tab:hover{color:var(--text-primary, #e2e8f0)}.modal-tab.active{color:#667eea;border-bottom-color:#667eea}.modal-badge{display:inline-block;padding:4px 10px;background:#667eea33;color:#667eea;border-radius:12px;font-size:12px;font-weight:600}.modal-empty-state{padding:48px 24px;text-align:center;color:var(--text-secondary, #94a3b8)}.modal-empty-state-icon{font-size:48px;opacity:.3;margin-bottom:16px}.modal-empty-state-title{font-size:16px;font-weight:600;color:var(--text-primary, #e2e8f0);margin-bottom:8px}.modal-empty-state-text{font-size:14px}:root{--z-base: 0;--z-sidebar: 100;--z-appbar: 200;--z-dropdown: 300;--z-modal-backdrop: 900;--z-modal: 1000;--z-toast: 1100;--z-tooltip: 1200}.button,.nav-item,.card,.list-item{transition:all .2s ease}.button-primary:hover,.action-primary:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.button-secondary:hover,.nav-item:hover,.card:hover{background:#667eea1a;border-color:#667eea}.button-danger:hover{background:#dc2626;color:#fff}.list-item:hover{background:#667eea14;border-color:#667eea4d;color:var(--text-primary, #e2e8f0)}a:hover{color:#667eea;text-decoration:underline}.interactive:hover{background:#667eea1a;cursor:pointer}.icon-button:hover{background:#667eea26;transform:scale(1.05)}.button-success:hover{background:#059669;color:#fff}.button-warning:hover{background:#d97706;color:#fff}html{overflow-x:hidden;max-width:100vw;-webkit-text-size-adjust:100%}body{overflow-x:hidden;max-width:100vw;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,select,button{max-width:100%;box-sizing:border-box}@media(max-width:768px){html,body{overflow-x:hidden;max-width:100vw;width:100%;position:relative}#root,.app,.app-shell,.app-main,.app-content{max-width:100%;overflow-x:hidden;box-sizing:border-box}.modal-overlay,.drawer-overlay{max-width:100vw;overflow-x:hidden}.grid,.grid-row,[class*=grid-]{max-width:100%;overflow-x:hidden}.card,.panel,.widget,[class*=card-],[class*=panel-]{max-width:100%;box-sizing:border-box}table{max-width:100%;overflow-x:auto;display:block}img{max-width:100%;height:auto}button,a,[role=button],.clickable{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px}input,textarea,select{max-width:100%;width:100%;box-sizing:border-box;font-size:16px!important;-webkit-appearance:none;border-radius:8px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local]{font-size:16px!important}nav,.navbar,.nav-bar,[class*=navigation]{max-width:100%;overflow-x:hidden}.flex,[class*=flex-]{flex-wrap:wrap;max-width:100%}.container,.content,[class*=container]{padding-left:12px;padding-right:12px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.modal-overlay,.dropdown-menu,.tooltip,.user-menu{max-width:100vw}.scrollable,.overflow-auto,[class*=scroll]{-webkit-overflow-scrolling:touch;overflow-x:hidden;max-width:100%}.timeline-scroll,.tab-content,.mobile-content,.quick-info-container,.priorities-container,.deep-dive-container,.week-planner{-webkit-overflow-scrolling:touch}pre,code{max-width:100%;overflow-x:auto;word-wrap:break-word;white-space:pre-wrap}iframe,embed,object{max-width:100%}}@media(min-width:768px)and (max-width:1024px){.container{padding-left:20px;padding-right:20px}}@supports (padding: max(0px)){@media(max-width:768px){body{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(84px,calc(72px + env(safe-area-inset-bottom)))}.app-bar,.mobile-tab-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}@media(max-width:768px)and (orientation:landscape){.mobile-tab-bar{height:56px}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}}@supports (-webkit-touch-callout: none){@media(max-width:768px){body{min-height:-webkit-fill-available}input,textarea,select{font-size:16px!important}html{-webkit-text-size-adjust:100%}button,[role=button],.button,.btn,.clickable,.tab-button,.action-btn{-webkit-tap-highlight-color:rgba(0,0,0,0)}}}@media(max-width:768px){button,.button,.btn,[role=button],.tab-button,.action-btn,.nav-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}@media(max-width:768px){.modal,.drawer,.overlay{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:hidden}body.modal-open,body.drawer-open{overflow:hidden;position:fixed;width:100%;height:100%}}@media(max-width:768px){button,[role=button],.clickable,.button,.btn,a.button,a.btn,a[role=button]{min-height:44px;min-width:44px;padding:8px}button svg,[role=button] svg,.button svg,.btn svg,.clickable svg{pointer-events:none}}@media(max-width:768px){.app-bar,.mobile-tab-bar,.modal,.drawer{-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media(max-width:768px){button:focus,a:focus,input:focus,select:focus,textarea:focus,[role=button]:focus,[tabindex="0"]:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),[tabindex="0"]:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;max-width:100vw}.app{width:100%;max-width:100%;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;overflow-x:hidden}.app-header{background:var(--bg-secondary);padding:var(--space-8) var(--space-12);border-radius:0 0 var(--radius-3xl) var(--radius-3xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;text-align:center;margin-bottom:var(--space-6);border-bottom:1px solid var(--border-primary)}.app-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,0,0,.12) 0%,transparent 45%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.02) 0%,transparent 45%);pointer-events:none}.app-header h1{font-size:var(--text-display-lg);font-weight:var(--font-black);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--tracking-tight);text-shadow:0 4px 20px rgba(0,0,0,.1);margin-bottom:var(--space-2);position:relative;z-index:1}.tagline{color:#fffffff2;font-size:var(--text-lg);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-shadow:0 2px 10px rgba(0,0,0,.1);margin:0;position:relative;z-index:1}.view-switcher{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.view-btn{padding:.75rem 1.5rem;border:2px solid var(--gray-200);background:var(--bg-secondary, #1a1d2e);color:var(--gray-700);border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.view-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.15)}.tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#ffffffd9;font-size:.95rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .3s ease}.tab:hover{background:#ffffff26;color:#fff}.tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.main-content{flex:1;padding:var(--space-4) var(--space-6);animation:fadeIn var(--duration-base) var(--ease-default)}.goal-section{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2rem;border:1px solid rgba(255,255,255,.3)}.section-header{margin-bottom:1.5rem}.section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.section-icon{font-size:1.5rem}.section-title h2{font-size:1.5rem;font-weight:600;color:var(--gray-900)}.section-description{color:var(--gray-500);font-size:.9rem;margin-bottom:1rem}.progress-info{margin-top:.75rem}.progress-text{font-size:.85rem;color:var(--gray-600)}.progress-bar{height:6px;background:var(--gray-200);border-radius:3px;margin-top:.5rem;overflow:hidden}.progress-fill{height:100%;background:var(--success);border-radius:3px;transition:width .3s ease}.add-goal-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.goal-input{flex:1;padding:.875rem 1.25rem;border:2px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);font-size:1rem;transition:all .3s ease;background:#ffffffe6;backdrop-filter:blur(10px)}.goal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf61a;background:var(--bg-secondary, #1a1d2e)}.goal-input::placeholder{color:var(--gray-400)}.btn-add{padding:.875rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #8b5cf64d}.btn-add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf666}.btn-add:disabled{background:var(--gray-300);cursor:not-allowed}.goals-list{list-style:none}.goal-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--gray-100);transition:background .15s ease}.goal-item:last-child{border-bottom:none}.goal-item:hover{background:var(--gray-50)}.goal-item.completed .goal-text{text-decoration:line-through;color:var(--gray-400)}.goal-label{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer}.goal-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--success)}.goal-text{font-size:1rem;color:var(--gray-800)}.goal-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .15s ease}.goal-item:hover .goal-actions{opacity:1}.btn-edit,.btn-delete{padding:.4rem .75rem;border:none;border-radius:calc(var(--radius) - 2px);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-edit{background:var(--gray-100);color:var(--gray-600)}.btn-edit:hover{background:var(--gray-200);color:var(--gray-800)}.btn-delete{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.btn-delete:hover{background:#ef44442e}.goal-item.editing{background:var(--gray-50)}.edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.edit-input{padding:.5rem .75rem;border:2px solid var(--primary);border-radius:var(--radius);font-size:1rem}.edit-input:focus{outline:none}.edit-actions{display:flex;gap:.5rem}.btn-save,.btn-cancel{padding:.4rem .75rem;border:none;border-radius:calc(var(--radius) - 2px);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-save{background:var(--success);color:#fff}.btn-save:hover{background:#059669}.btn-cancel{background:var(--gray-200);color:var(--gray-600)}.btn-cancel:hover{background:var(--gray-300)}.empty-message{text-align:center;color:var(--gray-400);padding:2rem 1rem;font-style:italic}.app-footer{text-align:center;margin-top:var(--space-8);padding:var(--space-6);color:#ffffffe6;font-size:var(--text-sm);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.18);font-weight:var(--font-medium)}.main-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-secondary, #1a1d2e);padding:.5rem;border-radius:var(--radius);box-shadow:var(--shadow)}.main-tab{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;color:var(--gray-600);font-size:1rem;font-weight:600;cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:all .2s ease}.main-tab:hover{background:var(--gray-100);color:var(--gray-800)}.main-tab.active{background:var(--primary);color:#fff}.day-diary{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2rem;border:1px solid rgba(255,255,255,.3)}.module-nav{.section-nav{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.06);margin:var(--space-6) auto;max-width:max-content;justify-content:center;flex-wrap:wrap}.section-btn{padding:var(--space-3) var(--space-6);border:none;background:transparent;color:var(--neutral-600);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default);position:relative;letter-spacing:var(--tracking-tight);font-family:var(--font-primary)}.section-btn:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;border-radius:var(--radius-md);transition:opacity var(--duration-fast) var(--ease-default);z-index:-1}.section-btn:hover{background:var(--neutral-50);color:var(--neutral-900);transform:translateY(-1px)}.section-btn.active{color:#fff;box-shadow:var(--shadow-primary)}.section-btn.active:before{opacity:1}.life-balance{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2rem;max-width:1200px;margin:0 auto;border:1px solid rgba(255,255,255,.3)}.day-diary-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(139,92,246,.1)}.day-diary-header h2{font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.decision-list{width:100%}.life-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.list-header h2{font-size:1.5rem;font-weight:600;color:var(--gray-900)}.list-controls{display:flex;gap:.75rem;align-items:center}.sort-select{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9rem;color:var(--gray-700);background:var(--bg-secondary, #1a1d2e);cursor:pointer}.btn-primary{padding:.625rem 1.25rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf666}.btn-secondary{padding:.625rem 1.25rem;background:#ffffffe6;color:var(--gray-700);border:2px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-secondary, #1a1d2e);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.empty-state p{font-size:1.2rem;margin-bottom:.5rem}.empty-subtitle{font-size:.95rem!important;color:var(--gray-400);margin-bottom:1.5rem!important}.decisions-grid{padding-bottom:1rem;border-bottom:2px solid var(--gray-100)}.header-content h2{font-size:1.75rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.day-diary-header p{.header-description{color:var(--gray-500);font-size:.95rem}.day-diary-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--gray-200);overflow-x:auto}.diary-tab{.btn-save-assessment{padding:.875rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #8b5cf64d}.btn-save-assessment:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf666}.view-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto}.view-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;background:var(--gray-100);color:var(--gray-600);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:var(--radius);transition:all .2s ease;white-space:nowrap}.diary-tab:hover{color:var(--primary)}.diary-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-icon{font-size:1.1rem}.daily-log{max-width:100%}.log-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem;background:#8b5cf60d;border-radius:var(--radius-sm);border:1px solid rgba(139,92,246,.1)}.date-selector{display:flex;align-items:center;gap:.75rem}.date-selector label{font-weight:600;color:var(--gray-700)}.date-selector input[type=date]{padding:.5rem;border:1px solid var(--gray-300);border-radius:calc(var(--radius) - 2px);font-size:.9rem}.day-name{font-weight:500;color:var(--primary)}.daily-score-display{display:flex;align-items:center;gap:.5rem}.score-label{font-weight:600;color:var(--gray-700)}.score-value{font-size:1.5rem;font-weight:700;padding:.25rem .75rem;border-radius:calc(var(--radius) - 2px)}.score-excellent{background:#d1fae5;color:var(--success)}.score-good{background:#fef3c7;color:var(--warning)}.score-needs-work{background:#fee2e2;color:var(--danger)}.log-sections{display:flex;flex-direction:column;gap:1.5rem}.log-section{padding:1.5rem;border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-sm);background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.log-section h3{font-size:1.25rem;color:var(--gray-900);margin-bottom:1rem;font-weight:700}.mood-energy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.rating-input{display:flex;flex-direction:column;gap:.5rem}.rating-input label{font-weight:500;color:var(--gray-700)}.rating-input input[type=range]{width:100%;accent-color:var(--primary)}.rating-value{font-weight:700;color:var(--primary);font-size:1.1rem}.goals-list{display:flex;flex-direction:column;gap:.75rem}.goal-input-row{display:flex;align-items:center;gap:.75rem}.goal-input-row label{min-width:60px;font-weight:500;color:var(--gray-700)}.goal-input-row input{flex:1;padding:.5rem;border:1px solid var(--gray-300);border-radius:calc(var(--radius) - 2px);font-size:.9rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.health-input{display:flex;flex-direction:column;gap:.5rem}.health-input label{font-weight:500;color:var(--gray-700);font-size:.9rem}.health-input input{padding:.5rem;border:1px solid var(--gray-300);border-radius:calc(var(--radius) - 2px);font-size:.9rem}.reflection-grid{display:flex;flex-direction:column;gap:1rem}.reflection-input{display:flex;flex-direction:column;gap:.5rem}.reflection-input label{font-weight:500;color:var(--gray-700)}.reflection-input textarea{padding:.75rem;border:1px solid var(--gray-300);border-radius:calc(var(--radius) - 2px);font-size:.9rem;resize:vertical;font-family:inherit}.time-blocking{padding:1.5rem}.time-blocks-table{overflow-x:auto}.time-blocks-header{display:grid;grid-template-columns:100px 1fr 150px 120px 180px;gap:.5rem;padding:.75rem;background:var(--gray-200);border-radius:calc(var(--radius) - 2px);font-weight:600;font-size:.85rem;color:var(--gray-700);margin-bottom:.5rem}.time-blocks-body{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto}.time-block-row{display:grid;grid-template-columns:100px 1fr 150px 120px 180px;gap:.5rem;padding:.5rem;background:var(--bg-secondary, #1a1d2e);border-radius:calc(var(--radius) - 2px);align-items:center}.time-cell{font-size:.85rem;font-weight:500;color:var(--gray-600)}.activity-cell input,.category-cell select,.duration-cell input{width:100%;padding:.4rem;border:1px solid var(--gray-300);border-radius:calc(var(--radius) - 2px);font-size:.85rem}.productivity-cell{display:flex;align-items:center;gap:.5rem}.productivity-cell input[type=range]{flex:1}.productivity-cell span{min-width:25px;font-weight:600;color:var(--primary)}.save-section{margin-top:1.5rem;text-align:center}.btn-save-log{padding:.875rem 2.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.btn-save-log:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf666}.weekly-summary,.time-analysis,.monthly-dashboard{max-width:100%}.week-selector,.month-selector{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius)}.week-selector button,.month-selector button{padding:.5rem 1rem;background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-300);border-radius:calc(var(--radius) - 2px);font-size:.9rem;cursor:pointer;transition:all .2s ease}.week-selector button:hover,.month-selector button:hover{background:var(--gray-100);border-color:var(--primary)}.week-selector h3,.month-selector h3{font-size:1.25rem;color:var(--gray-900)}.weekly-table table{width:100%;border-collapse:collapse;background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);overflow:hidden}.weekly-table th,.weekly-table td{padding:.75rem;text-align:center;border-bottom:1px solid var(--gray-200)}.weekly-table th{background:var(--gray-100);font-weight:600;color:var(--gray-700);font-size:.9rem}.metric-label{text-align:left;font-weight:500}.score-cell{font-weight:600;border-radius:calc(var(--radius) - 2px)}.total-cell{font-weight:700;background:var(--gray-50)}.weekly-details{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.weekly-section{padding:1.5rem;background:var(--gray-50);border-radius:var(--radius)}.weekly-section h3{font-size:1.25rem;color:var(--gray-900);margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem;background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);.view-tab:hover{background:var(--gray-200);color:var(--gray-800)}.view-tab.active{background:var(--primary);color:#fff}.view-icon{font-size:1.1rem}.view-content{min-height:300px}.dimensions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.decision-card{border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary, #1a1d2e)}.decision-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.card-header{display:flex;justify-content:space-between;align-items:start;gap:.75rem;margin-bottom:.75rem}.decision-title{font-size:1.1rem;font-weight:600;color:var(--gray-900);line-height:1.3}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0}.card-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.priority-label,.type-label{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;background:var(--gray-100);color:var(--gray-600)}.decision-preview{font-size:.9rem;color:var(--gray-600);margin-bottom:.75rem;line-height:1.5}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--gray-100)}.date-info{font-size:.8rem;color:var(--gray-500)}.btn-delete-small{padding:.25rem .5rem;background:transparent;color:var(--danger);border:1px solid transparent;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .15s ease}.btn-delete-small:hover{background:#fef2f2;border-color:var(--danger)}.decision-form-container{max-width:900px;margin:0 auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-header h2{font-size:1.5rem;font-weight:600;color:var(--gray-900)}.btn-close{background:transparent;border:none;font-size:1.5rem;color:var(--gray-400);cursor:pointer;padding:.25rem;line-height:1;transition:color .15s ease}.btn-close:hover{color:var(--gray-700)}.form-navigation{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.nav-btn{padding:.5rem 1rem;background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.85rem;color:var(--gray-600);cursor:pointer;transition:all .15s ease;white-space:nowrap}.nav-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.decision-form{max-height:60vh;overflow-y:auto;padding-right:.5rem}.form-section{margin-bottom:2rem}.form-section h3{font-size:1.2rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.section-note{font-size:.9rem;color:var(--gray-500);margin-bottom:1rem;font-style:italic}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.95rem;font-family:inherit;color:var(--gray-800);transition:border-color .15s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{.dimension-card{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(139,92,246,.15);border-radius:var(--radius-sm);padding:1.25rem;transition:all .3s ease}.decision-form .form-group textarea,.form-section textarea{border:1.5px solid rgba(102,126,234,.18);background:var(--bg-input, rgba(255,255,255,.01));box-shadow:inset 0 1px #ffffff05,0 6px 18px #667eea0f;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;padding:.75rem 1rem;font-size:.95rem;line-height:1.5;min-height:140px;resize:vertical;color:var(--gray-800)}.decision-form .form-group textarea::placeholder,.form-section textarea::placeholder{color:#64647899}.decision-form .form-group textarea:focus,.form-section textarea:focus{outline:none;border-color:#667eea;box-shadow:inset 0 1px #ffffff05,0 10px 30px #667eea2e;background:#ffffff05}.dimension-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-2px)}.dimension-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:.5rem}.dimension-title{display:flex;align-items:center;gap:.5rem}.dimension-icon{font-size:1.5rem}.dimension-title h3{font-size:1rem;font-weight:600;color:var(--gray-800)}.dimension-score{font-size:1.25rem;font-weight:700}.dimension-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.dimension-field{margin-bottom:1rem}.dimension-field label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.slider-container{display:flex;align-items:center;gap:1rem}.satisfaction-slider{flex:1;height:6px;border-radius:3px;background:var(--gray-200);outline:none;-webkit-appearance:none}.satisfaction-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer}.satisfaction-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.slider-value{font-weight:600;color:var(--primary);min-width:2rem;text-align:center}.time-input{width:100%;padding:.5rem .75rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem}.time-input:focus{outline:none;border-color:var(--primary)}.priority-select{width:100%;padding:.5rem .75rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem;cursor:pointer}.priority-select:focus{outline:none;border-color:var(--primary)}.notes-textarea{width:100%;padding:.5rem .75rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem;font-family:inherit;resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.decision-view{max-width:900px;margin:0 auto}.view-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.header-content{flex:1}.view-header h2{font-size:1.8rem;font-weight:700;.dimension-stats{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.stat{display:flex;align-items:center;gap:.5rem}.stat-label{font-size:.85rem;color:var(--gray-600);margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.insights-grid,.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight-item{padding:.75rem 1rem;background:var(--bg-secondary, #1a1d2e);border-left:3px solid var(--primary);border-radius:calc(var(--radius) - 2px);font-size:.9rem;color:var(--gray-700)}.habit-tracker{max-width:100%}.add-habit-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.habit-input{flex:1;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:1rem}.btn-add-habit{padding:.75rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-add-habit:hover:not(:disabled){background:var(--primary-dark)}.btn-add-habit:disabled{background:var(--gray-300);cursor:not-allowed}.habits-grid{background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);overflow-x:auto}.habits-header{display:grid;grid-template-columns:200px 1fr 150px 50px;gap:.5rem;padding:.75rem;background:var(--gray-200);font-weight:600;font-size:.85rem;color:var(--gray-700);position:sticky;top:0;z-index:10}.habit-row{display:grid;grid-template-columns:200px 1fr 150px 50px;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--gray-200);align-items:center}.habit-name-col{font-weight:500;color:var(--gray-800)}.habit-days-col{display:grid;grid-template-columns:repeat(31,30px);gap:2px}.day-header{text-align:center;font-size:.75rem}.day-cell{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300);border-radius:4px;cursor:pointer;transition:all .15s ease;font-size:.85rem}.day-cell:hover:not(.future){background:var(--gray-100);border-color:var(--primary)}.day-cell.completed{background:var(--success);color:#fff;border-color:var(--success)}.day-cell.future{background:var(--gray-100);cursor:not-allowed;opacity:.5}.habit-stats-col{display:flex;gap:.75rem;font-size:.85rem}.habit-stats-col span{min-width:40px;text-align:center}.percentage-excellent{color:var(--success);font-weight:700}.percentage-good{color:var(--warning);font-weight:700}.percentage-needs-work{color:var(--danger);font-weight:700}.btn-delete-habit{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6;transition:opacity .2s ease}.btn-delete-habit:hover{opacity:1}.habit-summary{margin-top:1.5rem;padding:1.5rem;background:var(--gray-50);border-radius:var(--radius)}.habit-summary h3{font-size:1.25rem;color:var(--gray-900);margin-bottom:1rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.summary-stat{padding:.75rem 1rem;background:var(--bg-secondary, #1a1d2e);border-radius:calc(var(--radius) - 2px);font-size:.9rem;color:var(--gray-700)}.analysis-section{margin-bottom:2rem;padding:1.5rem;background:var(--gray-50);border-radius:var(--radius)}.analysis-section h3{font-size:1.25rem;color:var(--gray-900);margin-bottom:1rem}.time-table table{width:100%;border-collapse:collapse;background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);overflow:hidden}.time-table th,.time-table td{padding:.75rem;text-align:center;border-bottom:1px solid var(--gray-200)}.time-table th{background:var(--gray-100);font-weight:600;color:var(--gray-700);font-size:.9rem}.category-label{text-align:left;font-weight:500}.hours-cell,.avg-cell{font-size:.9rem}.total-row{background:var(--gray-50);font-weight:600}.distribution-chart{display:flex;flex-direction:column;gap:.75rem}.category-bar{display:flex;flex-direction:column;gap:.25rem}.category-info{display:flex;justify-content:space-between;font-size:.9rem}.category-name{font-weight:500;color:var(--gray-700)}.category-stats{color:var(--gray-600)}.productivity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.productivity-card{padding:1.5rem;background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow)}.period-label{font-size:.9rem;color:var(--gray-600);margin-bottom:.75rem}.productivity-score{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.productivity-rating{font-size:.9rem;color:var(--gray-600)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.card-header{padding:1rem;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.card-header h4{font-size:1rem;color:var(--gray-700);font-weight:600}.card-body{padding:1.5rem;text-align:center}.kpi-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.kpi-target{font-size:.85rem;color:var(--gray-500);margin-bottom:1rem}.kpi-status{font-size:.9rem;font-weight:500;margin-top:1rem}.trend-indicator{font-size:1.1rem;font-weight:500;margin-top:.5rem;color:var(--gray-600)}.mood-bars{display:flex;gap:4px;justify-content:center;margin-top:1rem}.mood-bar{width:20px;height:30px;background:var(--gray-200);border-radius:2px}.mood-bar.filled{background:var(--primary)}.balance-indicator{margin:1rem 0}.balance-bar{position:relative;height:30px;background:var(--gray-200);border-radius:15px}.ideal-range{position:absolute;top:0;height:100%;background:#10b98133}.current-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--primary);border-radius:50%;border:3px solid white;box-shadow:var(--shadow)}.stats-overview{display:flex;flex-direction:column;gap:1.5rem}.overview-section{padding:1.5rem;background:var(--gray-50);border-radius:var(--radius)}.overview-section h3{font-size:1.25rem;color:var(--gray-900);margin-bottom:1rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.overview-stat{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);align-items:center}.stat-icon{font-size:2rem}.stat-content{display:flex;flex-direction:column}.no-data-message{padding:3rem;text-align:center;color:var(--gray-500);font-size:1.1rem}.stat-value{font-size:1rem;font-weight:700}.balance-wheel-container{padding:1rem}.wheel-header{text-align:center;margin-bottom:1.5rem}.wheel-header h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.header-meta{display:flex;gap:.75rem;align-items:center}.decision-id{font-size:.85rem;color:var(--gray-500);font-family:monospace}.header-actions{display:flex;gap:.5rem;align-items:center}.view-content{max-height:70vh;overflow-y:auto;padding-right:.5rem}.view-section{margin-bottom:2rem;padding:1.25rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.view-section h3{font-size:1.2rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.view-section h4{font-size:1rem;font-weight:600;color:var(--gray-800);margin-top:1rem;margin-bottom:.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.85rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:.95rem;color:var(--gray-800)}.priority-critical{color:var(--danger);font-weight:600}.priority-high{color:var(--warning);font-weight:600}.priority-medium{color:var(--primary);font-weight:600}.priority-low{color:var(--success);font-weight:600}.problem-box{background:var(--bg-secondary, #1a1d2e);padding:1rem;border-left:4px solid var(--warning);border-radius:4px;margin-bottom:1rem}.problem-box h4{margin-top:0;color:var(--warning)}.situation-text,.consequences-text,.evaluation-notes,.financial-notes{line-height:1.6;color:var(--gray-700);white-space:pre-wrap}.criteria-list,.options-list,.risks-list{list-style:none;margin:0;padding:0}.criteria-list li,.option-item,.risk-item{padding:.75rem;background:var(--bg-secondary, #1a1d2e);border-radius:4px;margin-bottom:.5rem;border-left:3px solid var(--primary)}.risk-item{border-left-color:var(--warning)}.recommendation-section{background:#f0fdf4;border-color:var(--success)}.recommendation-text{line-height:1.6;color:var(--gray-800);font-size:1rem;white-space:pre-wrap}.metadata-section{background:var(--bg-secondary, #1a1d2e);border-style:dashed}.flow-diagram-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.flow-diagram-container{background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.flow-diagram-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--gray-200)}.flow-diagram-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.flow-diagram-content{overflow-y:auto;padding:1.5rem}.flow-intro{font-size:1rem;color:var(--gray-600);margin-bottom:2rem;text-align:center}.flow-steps{margin-bottom:2rem}.flow-step-container{margin-bottom:1rem}.flow-step{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);padding:1.25rem;transition:all .2s ease}.flow-step:hover{border-color:var(--primary);box-shadow:var(--shadow)}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.step-number{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-title-group{flex:1}.step-title-group h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.step-duration{font-size:.85rem;color:var(--gray-500);font-weight:500}.step-description{color:var(--gray-700);margin-bottom:.75rem;font-size:.95rem}.step-tasks{background:var(--bg-secondary, #1a1d2e);padding:.75rem;border-radius:4px;margin-bottom:.75rem}.step-tasks strong{color:var(--gray-700);font-size:.9rem}.step-tasks ul{margin:.5rem 0 0 1.25rem;padding:0}.step-tasks li{color:var(--gray-600);font-size:.9rem;margin-bottom:.25rem}.step-sections{display:flex;align-items:center}.sections-label{display:inline-block;background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-300);padding:.4rem .75rem;border-radius:4px;font-size:.85rem;color:var(--gray-700)}.flow-arrow{display:flex;flex-direction:column;align-items:center;padding:.5rem 0}.arrow-line{width:2px;height:20px;background:var(--gray-300)}.arrow-head{color:var(--gray-400);font-size:1.25rem;line-height:1}.flow-tips{background:#fffbeb;border:1px solid #fbbf24;border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.flow-tips h4{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .75rem}.flow-tips ul{margin:0 0 0 1.25rem;padding:0}.flow-tips li{color:var(--gray-700);font-size:.9rem;margin-bottom:.5rem}.flow-tips strong{color:var(--gray-900)}.flow-footer{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--gray-200)}.btn-flow,.btn-philosophy{display:flex;align-items:center;gap:.5rem}.philosophy-guide .flow-diagram-content{max-width:800px;margin:0 auto}.philosophy-intro{text-align:center;font-size:1.05rem;line-height:1.6;margin-bottom:2.5rem}.philosophy-intro em{color:var(--gray-500);font-size:.95rem}.philosophy-steps{margin-bottom:2rem}.philosophy-step-container{margin-bottom:.75rem}.philosophy-step{background:var(--bg-secondary, #1a1d2e);border:2px solid var(--gray-200);border-left-width:6px;border-radius:var(--radius);padding:1.5rem;transition:all .2s ease}.philosophy-step:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.philosophy-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.philosophy-step-number{width:44px;height:44px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.philosophy-step-title{font-size:1.3rem;font-weight:700;color:var(--gray-900);letter-spacing:.5px;text-transform:uppercase;margin:0}.philosophy-content{padding-left:3.5rem}.philosophy-question{margin-bottom:.75rem}.philosophy-question strong{display:block;color:var(--gray-700);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.philosophy-question p{font-size:1.05rem;color:var(--gray-900);font-weight:500;line-height:1.5;margin:0}.philosophy-guidance{font-size:.95rem;color:var(--gray-600);font-style:italic;padding:.75rem;background:var(--gray-50);border-radius:4px;border-left:3px solid var(--gray-300)}.philosophy-arrow{display:flex;flex-direction:column;align-items:center;padding:.5rem 0}.philosophy-arrow .arrow-line{width:3px;height:16px}.philosophy-arrow .arrow-head{font-size:1.25rem;line-height:1}.philosophy-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.philosophy-note h4{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0 0 .75rem}.philosophy-note p{color:var(--gray-800);font-size:.95rem;line-height:1.6;margin:0 0 .75rem}.philosophy-note p:last-child{margin-bottom:0}.philosophy-emphasis{font-weight:600;font-size:1rem!important;color:var(--gray-900)!important;border-top:1px solid #f59e0b;padding-top:.75rem;margin-top:.75rem!important;.avg-score{font-size:1.1rem;color:var(--gray-600)}.avg-score strong{color:var(--primary);font-size:1.25rem}.wheel-canvas-wrapper{display:flex;justify-content:center;margin-bottom:2rem}.balance-wheel-canvas{max-width:100%;height:auto}.zone-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:2rem}.zone-card{padding:1rem;border-radius:var(--radius);border:2px solid}.zone-card h4{font-size:1rem;margin-bottom:.75rem;font-weight:600}.zone-card ul{list-style:none;padding:0}.zone-card li{padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:.9rem}.zone-card li:last-child{border-bottom:none}.zone-card p{color:var(--gray-500);font-style:italic;font-size:.9rem}.red-zone{background:#fef2f2;border-color:#fecaca;color:#991b1b}.yellow-zone{background:#fffbeb;border-color:#fde68a;color:#92400e}.green-zone{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.reflection-section{padding:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.5rem;font-weight:600;color:var(--gray-900)}.btn-toggle-form{padding:.75rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-toggle-form:hover{background:var(--primary-dark)}.reflection-form{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius);margin-bottom:1.5rem}.reflection-questions{display:grid;gap:1.25rem}.reflection-question label{display:block;font-size:.95rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.reflection-textarea{width:100%;padding:.75rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem;font-family:inherit;resize:vertical}.reflection-textarea:focus{outline:none;border-color:var(--primary)}.btn-save-reflection{width:100%;padding:.75rem;background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:1rem}.btn-save-reflection:hover{background:#059669}.reflections-list{display:grid;gap:1.5rem}.reflection-card{background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.reflection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.reflection-date{font-size:.9rem;font-weight:600;color:var(--gray-700)}.btn-delete-reflection{padding:.4rem .75rem;background:#fef2f2;color:var(--danger);border:none;border-radius:calc(var(--radius) - 2px);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-delete-reflection:hover{background:#fee2e2}.reflection-content{display:grid;gap:1rem}.reflection-answer strong{display:block;font-size:.9rem;color:var(--gray-700);margin-bottom:.25rem}.reflection-answer p{font-size:.95rem;color:var(--gray-600);line-height:1.6;white-space:pre-wrap}.historical-trends{padding:1rem}.trends-header{margin-bottom:1.5rem}.trends-header h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.trends-description{color:var(--gray-500);font-size:.95rem}.empty-state{text-align:center;padding:2rem}.empty-tips{margin-top:2rem;text-align:left;background:var(--gray-50);padding:1.5rem;border-radius:var(--radius);max-width:500px;margin-left:auto;margin-right:auto}.empty-tips h4{font-size:1rem;margin-bottom:.75rem;color:var(--gray-800)}.empty-tips ul{list-style:disc;padding-left:1.5rem;color:var(--gray-600)}.empty-tips li{margin-bottom:.5rem}.assessments-timeline{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius);margin-bottom:1.5rem}.assessments-timeline h4{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.timeline-list{display:grid;gap:.75rem}.timeline-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary, #1a1d2e);border-radius:calc(var(--radius) - 2px);border:1px solid var(--gray-200)}.timeline-date{font-size:.9rem;color:var(--gray-700);font-weight:500}.timeline-score{font-size:.9rem;color:var(--gray-600)}.timeline-score strong{color:var(--primary);font-weight:700}.trends-comparison{background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-200);padding:1.5rem;border-radius:var(--radius);margin-bottom:1.5rem}.trends-comparison h4{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.comparison-note{color:var(--gray-600);font-size:.9rem;margin-bottom:1rem}.trends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.trend-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--gray-50);border-radius:calc(var(--radius) - 2px)}.trend-name{font-size:.9rem;color:var(--gray-700);text-transform:capitalize}.trend-indicator{font-size:.9rem;font-weight:700}.trends-insights{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius)}.trends-insights h4{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.insight-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #1a1d2e);border-radius:calc(var(--radius) - 2px);border:1px solid var(--gray-200)}.insight-icon{font-size:2rem}.insight-content strong{display:block;font-size:.85rem;color:var(--gray-700);margin-bottom:.25rem}.insight-content p{font-size:.95rem;color:var(--gray-600);margin:0}.action-plans{padding:1rem}.action-plans-header{margin-bottom:1.5rem}.action-plans-header h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.action-plans-content{display:grid;grid-template-columns:300px 1fr;gap:1.5rem}.dimensions-sidebar{background:var(--gray-50);padding:1rem;border-radius:var(--radius);height:fit-content}.dimensions-sidebar h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--gray-800)}.dimension-list{display:flex;flex-direction:column;gap:.5rem}.dimension-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #1a1d2e);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.dimension-list-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.dimension-list-item.active{background:var(--primary);border-color:var(--primary);color:#fff}.dimension-list-item.active .dimension-name,.dimension-list-item.active .dimension-gap{color:#fff}.dimension-info{display:flex;flex-direction:column;flex:1}.dimension-name{font-size:.9rem;font-weight:500;color:var(--gray-800)}.dimension-gap{font-size:.8rem;color:var(--danger);font-weight:600}.has-plan-indicator{color:var(--success);font-size:1.2rem}.action-plan-form{background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.5rem}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-100)}.plan-title{display:flex;align-items:center;gap:.75rem}.plan-icon{font-size:2rem}.plan-title h4{font-size:1.25rem;font-weight:600;color:var(--gray-900)}.plan-scores{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.current-score{color:var(--danger);font-weight:600}.target-score{color:var(--success);font-weight:600}.arrow{color:var(--gray-400)}.plan-fields{display:flex;flex-direction:column;gap:1.25rem}.plan-field label{display:block;font-size:.9rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.plan-input,.plan-textarea{width:100%;padding:.75rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem;font-family:inherit}.plan-input:focus,.plan-textarea:focus{outline:none;border-color:var(--primary)}.action-item{margin-bottom:.5rem}.btn-add-action{padding:.5rem 1rem;background:var(--gray-100);color:var(--gray-700);border:1px dashed var(--gray-300);border-radius:var(--radius);font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-add-action:hover{background:var(--gray-200);border-color:var(--gray-400)}.btn-save-plan{width:100%;padding:.75rem;background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:1rem}.btn-save-plan:hover{background:#059669}.no-selection{display:flex;align-items:center;justify-content:center;height:400px;background:var(--gray-50);border-radius:var(--radius);color:var(--gray-500);font-size:1rem}.smart-insights{padding:1rem}.insights-header{margin-bottom:1.5rem}.insights-header h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.insights-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.insight-card{padding:1.25rem;border-radius:var(--radius);border:2px solid}.insight-success{background:#f0fdf4;border-color:var(--success)}.insight-warning{background:#fffbeb;border-color:var(--warning)}.insight-alert{background:#fef2f2;border-color:var(--danger)}.insight-info{background:#eff6ff;border-color:var(--primary-light)}.insight-header-content{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.insight-icon{font-size:1.5rem}.insight-card h4{font-size:1.1rem;font-weight:600;color:var(--gray-900)}.insight-message{font-size:.95rem;color:var(--gray-700);margin-bottom:.5rem;line-height:1.5}.insight-recommendation{font-size:.9rem;color:var(--gray-600);background:#ffffffb3;padding:.75rem;border-radius:calc(var(--radius) - 2px);margin-top:.75rem}.recommendations-section{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius)}.recommendations-section h4{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-card{background:var(--bg-secondary, #1a1d2e);padding:1rem;border-radius:var(--radius);border:1px solid var(--gray-200)}.rec-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.rec-icon{font-size:1.5rem}.rec-name{font-size:.95rem;font-weight:600;color:var(--gray-800);flex:1}.rec-gap{font-size:.85rem;color:var(--danger);font-weight:600}.rec-suggestion{font-size:.9rem;color:var(--gray-600);line-height:1.5}.no-insights{text-align:center;padding:3rem;color:var(--gray-500)}.data-export{padding:1rem}.export-header{margin-bottom:1.5rem}.export-header h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.export-stats{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius);margin-bottom:2rem}.export-stats h4{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);border:1px solid var(--gray-200)}.stat-icon{font-size:2rem}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.8rem;color:var(--gray-600);margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.export-actions{background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-200);padding:1.5rem;border-radius:var(--radius)}.export-actions h4{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.export-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.export-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-align:left}.export-btn:hover{background:var(--bg-secondary, #1a1d2e);border-color:var(--primary);box-shadow:var(--shadow)}.btn-icon{font-size:2rem}.btn-content{display:flex;flex-direction:column}.btn-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.btn-description{font-size:.85rem;color:var(--gray-600)}.export-note{padding:1rem;background:#eff6ff;border-radius:var(--radius);margin-top:1rem}.export-note p{font-size:.9rem;color:var(--gray-700);margin:0}.progress-milestones{padding:1rem}.milestones-header{margin-bottom:1.5rem}.milestones-header h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.no-milestones{text-align:center;padding:2rem}.milestone-tips{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius);margin-top:1.5rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.milestone-tips h4{font-size:1rem;margin-bottom:.75rem;color:var(--gray-800)}.milestone-tips ul{list-style:none;padding:0}.milestone-tips li{padding:.5rem 0;font-size:.95rem;color:var(--gray-600)}.milestones-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.milestone-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:var(--radius);border:2px solid;cursor:pointer;transition:all .2s ease}.milestone-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.milestone-card.celebrating{animation:celebrate .5s ease}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.milestone-success{background:#f0fdf4;border-color:var(--success)}.milestone-warning{background:#fffbeb;border-color:var(--warning)}.milestone-icon-wrapper{font-size:2.5rem}.milestone-content{flex:1}.milestone-title{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.milestone-message{font-size:.95rem;color:var(--gray-700);margin-bottom:.5rem}.milestone-date{font-size:.8rem;color:var(--gray-500)}.achievement-summary{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius);margin-top:2rem}.achievement-summary h4{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.achievement-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.achievement-stat{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius)}.achievement-stat .stat-icon{font-size:2rem}.achievement-stat .stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary)}.achievement-stat .stat-label{display:block;font-size:.8rem;color:var(--gray-600)}.quick-notes{padding:1rem}.notes-header{margin-bottom:1.5rem}.notes-header h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.note-form{background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.mood-selector{margin-bottom:1rem}.mood-selector label{display:block;font-size:.9rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.mood-buttons{display:flex;gap:.5rem}.mood-btn{font-size:2rem;padding:.5rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.mood-btn:hover{background:var(--gray-100);transform:scale(1.1)}.mood-btn.active{background:var(--primary-light);border-color:var(--primary);transform:scale(1.15)}.note-textarea{width:100%;padding:.75rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:1rem}.note-textarea:focus{outline:none;border-color:var(--primary)}.note-form-footer{display:flex;gap:1rem;align-items:center}.dimension-select{flex:1;padding:.75rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.9rem;cursor:pointer}.dimension-select:focus{outline:none;border-color:var(--primary)}.btn-add-note{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.btn-add-note:hover:not(:disabled){background:var(--primary-dark)}.btn-add-note:disabled{background:var(--gray-300);cursor:not-allowed}.notes-timeline{margin-bottom:2rem}.empty-notes{text-align:center;padding:2rem;color:var(--gray-500)}.notes-tips{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius);margin-top:1rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.notes-tips h4{font-size:1rem;margin-bottom:.75rem;color:var(--gray-800)}.notes-tips ul{list-style:disc;padding-left:1.5rem;color:var(--gray-600)}.notes-tips li{margin-bottom:.5rem;font-size:.9rem}.notes-list{display:grid;gap:1rem}.note-card{background:var(--bg-secondary, #1a1d2e);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;transition:all .2s ease}.note-card:hover{box-shadow:var(--shadow);border-color:var(--gray-300)}.note-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.note-mood{font-size:1.5rem}.note-time{flex:1;font-size:.85rem;color:var(--gray-500)}.btn-delete-note{width:24px;height:24px;border-radius:50%;border:none;background:var(--gray-100);color:var(--gray-600);font-size:1.2rem;line-height:1;cursor:pointer;transition:all .2s ease}.btn-delete-note:hover{background:var(--danger);color:#fff}.note-text{font-size:.95rem;color:var(--gray-700);line-height:1.6;margin-bottom:.75rem;white-space:pre-wrap}.note-dimension-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--gray-50);border-radius:999px;font-size:.8rem;color:var(--gray-700)}.tag-icon{font-size:1rem}.notes-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;background:var(--gray-50);padding:1.5rem;border-radius:var(--radius)}.notes-stats .stat-item{text-align:center}.notes-stats .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.notes-stats .stat-label{display:block;font-size:.85rem;color:var(--gray-600)}@media(max-width:640px){.app{padding:1rem}.app-header h1{font-size:1.75rem}.section-nav{flex-direction:column}.section-btn{width:100%}.tabs{flex-wrap:wrap}.tab{flex:1 1 45%;padding:.6rem .5rem;font-size:.85rem}.add-goal-form{flex-direction:column}.btn-add{width:100%}.goal-actions{opacity:1}.day-diary{padding:1rem}.day-diary-tabs{font-size:.8rem}.diary-tab{padding:.5rem .75rem}.log-controls{flex-direction:column;gap:1rem}.mood-energy-grid,.health-grid{grid-template-columns:1fr}.time-blocks-header,.time-block-row{grid-template-columns:80px 1fr 100px 80px 120px;font-size:.75rem}.habits-header,.habit-row{grid-template-columns:150px 1fr 120px 40px}.dashboard-grid{grid-template-columns:1fr}}.daily-log-simple{max-width:700px;margin:0 auto}.log-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary, #1a1d2e);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem}.date-section{display:flex;align-items:center;gap:1rem}.date-input{padding:.5rem .75rem;border:2px solid var(--gray-300);border-radius:calc(var(--radius) - 2px);font-size:1rem;font-weight:500}.day-name{font-weight:600;color:var(--primary);font-size:1.1rem}.score-section{display:flex;align-items:center;gap:.75rem}.score-label{font-weight:600;color:var(--gray-600);font-size:.9rem}.score-badge{font-size:1.75rem;font-weight:700;padding:.5rem 1rem;border-radius:calc(var(--radius) - 2px)}.log-content{display:flex;flex-direction:column;gap:1.25rem}.section-card{background:var(--bg-secondary, #1a1d2e);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow)}.section-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--gray-900)}.rating-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.rating-item label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:.95rem}.rating-control{display:flex;align-items:center;gap:1rem}.rating-control input[type=range]{flex:1;height:8px;accent-color:var(--primary)}.rating-number{font-size:1.5rem;font-weight:700;color:var(--primary);min-width:35px;text-align:center}.goals-simple{display:flex;flex-direction:column;gap:.75rem}.goal-input-simple{padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:calc(var(--radius) - 2px);font-size:1rem;transition:border-color .2s ease}.goal-input-simple:focus{outline:none;border-color:var(--primary)}.goal-input-simple::placeholder{color:var(--gray-400)}.health-grid-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.health-item{display:flex;flex-direction:column;gap:.5rem}.health-item label{font-weight:500;color:var(--gray-700);font-size:.9rem}.number-input{padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:calc(var(--radius) - 2px);font-size:1.25rem;font-weight:600;text-align:center;transition:border-color .2s ease}.number-input:focus{outline:none;border-color:var(--primary)}.notes-simple{display:flex;flex-direction:column;gap:1rem}.note-item{display:flex;flex-direction:column;gap:.5rem}.note-item label{font-weight:600;color:var(--gray-700);font-size:.95rem}.note-item textarea{padding:.75rem;border:2px solid var(--gray-200);border-radius:calc(var(--radius) - 2px);font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.note-item textarea:focus{outline:none;border-color:var(--primary)}.note-item textarea::placeholder{color:var(--gray-400)}}@media(max-width:640px){.log-header{flex-direction:column;gap:1rem;align-items:flex-start}.rating-row,.health-grid-simple{grid-template-columns:1fr}.score-badge{font-size:1.5rem}.module-nav{flex-direction:column}.module-btn{width:100%}.decisions-grid{grid-template-columns:1fr}.form-navigation{flex-wrap:nowrap}.form-row{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:stretch}.list-controls,.view-header{flex-direction:column}.header-actions{width:100%;justify-content:space-between}.info-grid{grid-template-columns:1fr}.flow-diagram-overlay{padding:.5rem}.flow-diagram-container{max-height:95vh}.flow-diagram-header,.flow-diagram-content{padding:1rem}.step-number{width:40px;height:40px;font-size:1.25rem}.step-title-group h3{font-size:1.1rem}.list-controls{flex-wrap:wrap}.btn-flow{order:-1;width:100%;justify-content:center}.btn-philosophy{order:-2;width:100%;justify-content:center}.philosophy-content{padding-left:0}.philosophy-step-number{width:36px;height:36px;font-size:1rem}.philosophy-step-title{font-size:1.1rem}.philosophy-question p{font-size:.95rem;.life-balance-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-save-assessment{width:100%}.view-tabs{overflow-x:auto}.dimensions-grid,.zone-summary,.trends-grid,.insights-grid,.action-plans-content{grid-template-columns:1fr}.dimensions-sidebar{max-height:300px;overflow-y:auto}.stats-grid{grid-template-columns:1fr}.view-tabs{overflow-x:auto;flex-wrap:nowrap}.note-form-footer{flex-direction:column}.btn-add-note{width:100%}.achievement-stats{grid-template-columns:1fr 1fr}}}}}}}}}