.navigation{background:#fffffffa;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;padding:0;box-shadow:0 1px 2px #00000008}.nav-container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-2xl);display:flex;justify-content:space-between;align-items:center;height:76px}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease;flex-shrink:0}.nav-logo:hover{opacity:.8}.nav-logo-content{display:flex;flex-direction:column;gap:2px;line-height:1.2}.nav-logo-text{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.04em;line-height:1.1;margin:0}.nav-logo-tagline{font-size:10.5px;font-weight:500;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;line-height:1.2;margin:0;opacity:.75}.nav-links{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:nowrap;margin-left:var(--spacing-xl)}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;white-space:nowrap;position:relative;line-height:1.4}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:calc(100% - var(--spacing-md) * 2);height:2px;background:var(--primary);transition:transform .25s cubic-bezier(.4,0,.2,1);border-radius:2px}.nav-links a:hover{color:var(--text-primary);background:#00000005}.nav-links a:hover:after{transform:translate(-50%) scaleX(1)}.nav-links a.active{color:var(--primary);background:#0066ff0f;font-weight:600}.nav-links a.active:after{transform:translate(-50%) scaleX(1)}.nav-link-auth{margin-left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-xl)!important;background:var(--gradient-primary);color:#fff!important;border-radius:var(--radius-lg);font-weight:600;box-shadow:0 2px 6px #06f3;position:relative;letter-spacing:-.01em;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link-auth:after{display:none}.nav-link-auth:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #0066ff40}.nav-link-auth:active{transform:translateY(0);box-shadow:0 2px 6px #06f3}.nav-link-auth.active{background:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 2px 8px #0066ff40}@media (max-width: 1280px){.nav-container{padding:0 var(--spacing-xl);height:72px}.nav-links{gap:var(--spacing-xs);margin-left:var(--spacing-lg)}.nav-links a{font-size:13.5px;padding:var(--spacing-sm) var(--spacing-sm)}.nav-link-auth{margin-left:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg)!important}}@media (max-width: 1024px){.nav-container{padding:0 var(--spacing-lg);height:70px}.nav-logo-text{font-size:20px}.nav-logo-tagline{font-size:10px;letter-spacing:.06em}.nav-links{gap:var(--spacing-xs);margin-left:var(--spacing-md)}.nav-links a{font-size:13px;padding:var(--spacing-sm) var(--spacing-sm)}.nav-link-auth{padding:var(--spacing-sm) var(--spacing-lg)!important;margin-left:var(--spacing-md)}}@media (max-width: 768px){.nav-container{padding:0 var(--spacing-md);height:68px}.nav-logo-text{font-size:18px}.nav-logo-tagline{font-size:9.5px;letter-spacing:.05em}.nav-links{gap:var(--spacing-xs);margin-left:var(--spacing-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-right:var(--spacing-sm)}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:12.5px;padding:var(--spacing-xs) var(--spacing-sm);flex-shrink:0}.nav-link-auth{margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)!important;font-size:12.5px;flex-shrink:0}}@media (max-width: 640px){.nav-container{padding:0 var(--spacing-sm);height:64px}.nav-logo-text{font-size:17px}.nav-logo-tagline{font-size:9px;display:none}.nav-links{margin-left:var(--spacing-xs)}.nav-links a{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.nav-link-auth{padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:12px;margin-left:var(--spacing-xs)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:var(--spacing-4xl);position:relative;z-index:1}.footer-container{max-width:1400px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer-section{display:flex;flex-direction:column}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:flex;flex-direction:column;text-decoration:none;gap:2px;margin-bottom:var(--spacing-sm)}.footer-logo-text{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.footer-logo-tagline{font-size:11px;font-weight:400;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;line-height:1.2}.footer-description{font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:320px;margin:0}.footer-heading{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.01em;text-transform:uppercase;letter-spacing:.02em;font-size:12px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-links li{margin:0}.footer-links a{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color .2s ease;letter-spacing:-.01em}.footer-links a:hover{color:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-2xl);border-top:1px solid var(--border)}.footer-copyright{font-size:14px;color:var(--text-muted)}.footer-copyright p{margin:0}.footer-social{display:flex;gap:var(--spacing-md);align-items:center}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary);transition:all .2s ease;border-radius:var(--radius-md)}.footer-social-link:hover{color:var(--primary);background:var(--bg-primary)}.footer-social-link svg{width:18px;height:18px}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.footer-section:first-child{grid-column:1 / -1}}@media (max-width: 768px){.footer-container{padding:var(--spacing-3xl) var(--spacing-md)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-section:first-child{grid-column:1}.footer-bottom{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}.footer-description{max-width:100%}}.background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,102,255,.015) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.015) 0%,transparent 50%);pointer-events:none;z-index:0}.icon{width:64px;height:64px;color:var(--primary);display:flex;align-items:center;justify-content:center}.icon.cognitive-coach-icon,.icon.health-twin-icon,.icon.decision-lab-icon,.icon.execution-lab-icon,.icon.simulation-icon,.icon.cognitive-risk-icon,.icon.physical-risk-icon,.icon.decision-risk-icon,.icon.execution-risk-icon,.icon.stress-resilience-icon{width:80px;height:80px}@media (max-width: 768px){.icon{width:48px;height:48px}.icon.cognitive-coach-icon,.icon.health-twin-icon,.icon.decision-lab-icon,.icon.execution-lab-icon,.icon.simulation-icon,.icon.cognitive-risk-icon,.icon.physical-risk-icon,.icon.decision-risk-icon,.icon.execution-risk-icon,.icon.stress-resilience-icon{width:64px;height:64px}}.homepage{min-height:calc(100vh - 76px);background:var(--bg-primary);position:relative;overflow-x:hidden}.hero{max-width:1400px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-3xl);text-align:center;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-lg);background:#0066ff14;border:1px solid rgba(0,102,255,.15);border-radius:100px;margin-bottom:var(--spacing-xl)}.hero-badge-text{font-size:13px;font-weight:600;color:var(--primary);letter-spacing:.05em;text-transform:uppercase}.hero-headline{font-size:64px;font-weight:700;line-height:1.1;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--spacing-xl);max-width:1000px;margin-left:auto;margin-right:auto}.hero-headline-subline{font-size:28px;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:1000px;margin-left:auto;margin-right:auto}.hero-subheadline{font-size:20px;font-weight:400;color:var(--text-secondary);max-width:800px;margin:0 auto var(--spacing-3xl);line-height:1.7;letter-spacing:-.01em}.hero-ctas{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;margin-bottom:var(--spacing-4xl);flex-wrap:wrap}.hero-cta{padding:var(--spacing-md) var(--spacing-2xl);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;text-decoration:none;display:inline-block}.hero-cta-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #0066ff40}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0066ff59;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}.hero-cta-secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border)}.hero-cta-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-trust{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-2xl) 0;flex-wrap:wrap}.trust-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.trust-number{font-size:32px;font-weight:700;color:var(--primary);letter-spacing:-.02em}.trust-label{font-size:13px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.trust-item-text-only .trust-label{font-size:14px;font-weight:600;color:var(--text-primary)}.trust-divider{width:1px;height:40px;background:var(--border)}.living-score{max-width:1400px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);position:relative;z-index:2;background:var(--bg-primary);border-top:1px solid var(--border)}.living-score-content{max-width:800px;margin:0 auto;text-align:center}.living-score-title{font-size:36px;font-weight:700;margin-bottom:var(--spacing-lg);letter-spacing:-.02em;color:var(--text-primary)}.living-score-description{font-size:18px;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto}.risk-categories{max-width:1400px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);position:relative;z-index:2;background:var(--bg-secondary);border-top:1px solid var(--border)}.risk-categories-header{text-align:center;margin-bottom:var(--spacing-4xl)}.risk-categories-title{font-size:48px;font-weight:700;text-align:center;margin-bottom:var(--spacing-lg);letter-spacing:-.03em;color:var(--text-primary)}.risk-categories-subtitle{font-size:18px;color:var(--text-secondary);text-align:center;max-width:700px;margin:0 auto;line-height:1.7}.risk-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.risk-card{padding:var(--spacing-2xl);border:2px solid var(--border);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);position:relative;overflow:hidden;z-index:1;cursor:pointer}.risk-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.risk-card:hover,.risk-card.hovered{border-color:var(--primary);box-shadow:0 12px 24px #0066ff26;transform:translateY(-4px)}.risk-card:hover:before,.risk-card.hovered:before{transform:scaleX(1)}.risk-card-featured{border-color:var(--primary);background:linear-gradient(135deg,#0066ff05,#7c3aed05)}.risk-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.risk-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#0066ff14;border-radius:var(--radius-lg);transition:all .3s ease}.risk-card:hover .risk-card-icon{background:#0066ff26;transform:scale(1.05)}.risk-card-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#0066ff1a;color:var(--primary);border-radius:var(--radius-md);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.risk-card-title{font-size:22px;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary);letter-spacing:-.02em;line-height:1.3}.risk-card-description{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.risk-card-metrics{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.risk-metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.risk-metric-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.risk-metric-bar{width:100%;height:8px;background:var(--border);border-radius:100px;overflow:hidden;position:relative}.risk-metric-fill{height:100%;background:var(--gradient-primary);border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.risk-metric-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.risk-metric-value{font-size:18px;font-weight:700;color:var(--primary);letter-spacing:-.01em}.risk-card-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:14px;font-weight:600;color:var(--primary);text-decoration:none;transition:all .2s ease}.risk-card-link:hover{color:var(--primary-dark);gap:var(--spacing-md)}.stress-intelligence-callout{max-width:1400px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);position:relative;z-index:2;background:linear-gradient(135deg,#0066ff08,#7c3aed08);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stress-intelligence-content{max-width:900px;margin:0 auto;text-align:center}.stress-intelligence-title{font-size:42px;font-weight:700;margin-bottom:var(--spacing-lg);letter-spacing:-.03em;color:var(--text-primary)}.stress-intelligence-description{font-size:18px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-3xl);max-width:700px;margin-left:auto;margin-right:auto}.stress-intelligence-ctas{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap}.stress-intelligence-cta{padding:var(--spacing-md) var(--spacing-2xl);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;text-decoration:none;display:inline-block}.stress-intelligence-cta-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #0066ff40}.stress-intelligence-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0066ff59;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}.stress-intelligence-cta-secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border)}.stress-intelligence-cta-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.value-proposition{max-width:1400px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);position:relative;z-index:2;background:var(--bg-primary);border-top:1px solid var(--border)}.value-proposition-content{max-width:1200px;margin:0 auto}.value-proposition-title{font-size:42px;font-weight:700;text-align:center;margin-bottom:var(--spacing-4xl);letter-spacing:-.03em;color:var(--text-primary)}.value-proposition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-2xl)}.value-item{text-align:center;padding:var(--spacing-xl)}.value-item-icon{font-size:48px;margin-bottom:var(--spacing-md);display:block}.value-item-title{font-size:20px;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary);letter-spacing:-.01em}.value-item-description{font-size:15px;color:var(--text-secondary);line-height:1.7}.cta-section{max-width:1400px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);position:relative;z-index:2;background:var(--bg-secondary);border-top:1px solid var(--border)}.cta-content{max-width:800px;margin:0 auto;text-align:center}.cta-title{font-size:42px;font-weight:700;margin-bottom:var(--spacing-lg);letter-spacing:-.03em;color:var(--text-primary)}.cta-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:var(--spacing-3xl);line-height:1.7}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.cta-button{padding:var(--spacing-md) var(--spacing-2xl);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;text-decoration:none;display:inline-block}.cta-button-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #0066ff40}.cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0066ff59}.cta-button-secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border)}.cta-button-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.hero-headline{font-size:52px}.hero-headline-subline{font-size:24px}.risk-categories-title{font-size:40px}.living-score-title{font-size:32px}.stress-intelligence-title,.value-proposition-title,.cta-title{font-size:36px}}@media (max-width: 768px){.hero{padding:var(--spacing-3xl) var(--spacing-md) var(--spacing-2xl)}.hero-headline{font-size:40px}.hero-headline-subline{font-size:20px}.hero-subheadline{font-size:18px}.hero-ctas{flex-direction:column;width:100%}.hero-cta{width:100%;max-width:400px}.hero-trust{flex-direction:column;gap:var(--spacing-lg)}.trust-divider{width:60px;height:1px}.risk-categories{padding:var(--spacing-3xl) var(--spacing-md)}.risk-categories-title{font-size:32px;margin-bottom:var(--spacing-md)}.risk-categories-subtitle{font-size:16px}.living-score{padding:var(--spacing-3xl) var(--spacing-md)}.living-score-title{font-size:28px}.living-score-description{font-size:16px}.stress-intelligence-callout{padding:var(--spacing-3xl) var(--spacing-md)}.stress-intelligence-title{font-size:32px}.stress-intelligence-description{font-size:16px}.stress-intelligence-ctas{flex-direction:column;width:100%}.stress-intelligence-cta{width:100%;max-width:400px}.risk-cards-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.value-proposition{padding:var(--spacing-3xl) var(--spacing-md)}.value-proposition-title{font-size:32px;margin-bottom:var(--spacing-2xl)}.value-proposition-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.cta-section{padding:var(--spacing-3xl) var(--spacing-md)}.cta-title{font-size:32px}.cta-subtitle{font-size:16px}.cta-buttons{flex-direction:column;width:100%}.cta-button{width:100%;max-width:400px}}@media (max-width: 480px){.hero-headline{font-size:32px}.hero-headline-subline{font-size:18px}.hero-badge-text{font-size:11px}.trust-number{font-size:28px}.trust-label{font-size:11px}.living-score-title{font-size:28px}.living-score-description{font-size:16px}.stress-intelligence-title{font-size:32px}.stress-intelligence-description{font-size:16px}.stress-intelligence-ctas{flex-direction:column;width:100%}.stress-intelligence-cta{width:100%;max-width:400px}}.cognitive-coach-interface *{color:inherit}.cognitive-coach-interface h1,.cognitive-coach-interface h2,.cognitive-coach-interface h3,.cognitive-coach-interface h4,.cognitive-coach-interface h5,.cognitive-coach-interface h6{color:var(--text-primary)}.cognitive-coach-interface p{color:var(--text-secondary)}.cognitive-coach-interface{width:100%;max-width:100%;margin:0 auto;padding:0;min-height:calc(100vh - 200px);background:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth}.backend-warning-minimal,.backend-status-minimal{max-width:1600px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;gap:10px;font-size:.85rem;border-radius:0 0 8px 8px}.backend-warning-minimal{background:#ff6b6b1a;border-left:3px solid var(--danger);color:var(--danger)}.backend-status-minimal{background:#0066ff1a;border-left:3px solid var(--primary);color:var(--primary)}.warning-icon{font-size:1rem}.warning-text{font-weight:500}.status-dot-minimal{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 2s ease-in-out infinite}.status-text-minimal{font-weight:500}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.mindguard-layout{max-width:1600px;margin:0 auto;padding:24px 32px 48px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;min-height:0;grid-auto-rows:min-content}.input-panel{position:relative;top:0;height:fit-content;max-height:none;overflow-y:visible;overflow-x:hidden;align-self:start;width:100%}.input-panel .panel-card{max-height:none}.panel-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all .2s ease;color:var(--text-primary)}.panel-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.card-icon{font-size:1.8rem}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.status-indicator.error{color:var(--danger)}.status-dot-small{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status-indicator.error .status-dot-small{background:var(--danger)}.recording-pulse{color:var(--danger);animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.4}}.input-section{display:flex;flex-direction:column;gap:16px}.coach-textarea{width:100%;min-height:160px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);padding:var(--spacing-md);font-size:15px;resize:vertical;outline:none;transition:all .2s ease;font-family:inherit;line-height:1.6}.coach-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.coach-textarea::placeholder{color:var(--text-muted)}.recording-preview-container{min-height:200px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.video-preview{width:100%;max-height:400px;border-radius:var(--radius-lg);object-fit:contain;background:var(--bg-primary)}.audio-recording-visualizer{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.audio-wave{display:flex;gap:4px;align-items:center;height:40px}.audio-wave span{width:4px;background:var(--primary);border-radius:2px;animation:wave 1.2s ease-in-out infinite}.audio-wave span:nth-child(1){animation-delay:0s;height:20px}.audio-wave span:nth-child(2){animation-delay:.1s;height:32px}.audio-wave span:nth-child(3){animation-delay:.2s;height:40px}.audio-wave span:nth-child(4){animation-delay:.3s;height:32px}.audio-wave span:nth-child(5){animation-delay:.4s;height:20px}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.audio-recording-visualizer p{color:var(--text-secondary);margin:0;font-size:.9rem}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-lg);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:var(--shadow-sm)}.action-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md);background:var(--bg-secondary)}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn.primary-btn{background:var(--gradient-primary);color:#fff;border:none;font-weight:600;box-shadow:var(--shadow-md)}.action-btn.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%);box-shadow:var(--shadow-lg)}.action-btn.recording{background:#ef44441a;border-color:#ef444480;color:#dc2626;animation:pulse-recording-button 2s ease-in-out infinite}@keyframes pulse-recording-button{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.mindguard-btn{grid-column:1 / -1;background:var(--gradient-primary);color:#fff;border:none;font-weight:600;box-shadow:var(--shadow-md)}.mindguard-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%);box-shadow:var(--shadow-lg)}.btn-icon{font-size:1.2rem}.btn-text{font-weight:inherit}.quick-output{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-primary)}.quick-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.quick-label{font-size:13px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.quick-badge{font-size:12px;color:var(--primary);background:#0066ff1a;padding:4px 8px;border-radius:var(--radius-sm);font-weight:600}.quick-output-text{margin:0;color:var(--text-primary);font-size:14px;line-height:1.6;max-height:120px;overflow-y:auto;word-wrap:break-word}.quick-output-text::-webkit-scrollbar{width:6px}.quick-output-text::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.quick-output-text::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.quick-output-text::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.results-panel{display:flex;flex-direction:column;gap:24px;min-height:0;align-self:start;width:100%;position:relative}.metrics-sidebar{position:sticky;top:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;color:var(--text-primary);align-self:start;width:100%;margin-bottom:var(--spacing-lg);max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;transition:all .3s ease}.metrics-sidebar::-webkit-scrollbar{width:6px}.metrics-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.metrics-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;transition:background .2s ease}.metrics-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.metrics-sidebar.collapsed{padding:var(--spacing-md);max-height:fit-content;overflow:visible;z-index:25;top:calc(var(--spacing-md) + 120px);box-shadow:var(--shadow-lg);position:sticky}.metrics-sidebar.collapsed .sidebar-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.metrics-sidebar.collapsed .sidebar-header h3{font-size:.95rem;margin:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:12px;border-bottom:1px solid var(--border)}.sidebar-header h3{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.sidebar-toggle-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text-secondary);cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1}.sidebar-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);transform:scale(1.1)}.sidebar-toggle-btn:active{transform:scale(.95)}.metric-card-highlight{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);text-align:center;transition:all .2s ease}.metric-card-highlight:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.metric-card-highlight.cps-highlight{background:linear-gradient(135deg,#0066ff0d,#00d9ff0d);border:2px solid var(--primary);box-shadow:var(--shadow-md)}.metric-card-highlight.cps-highlight.cps-minimal{padding:var(--spacing-sm) var(--spacing-md);text-align:center;border-width:1px}.cps-minimal-value{font-size:2rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:4px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cps-minimal-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-label-small{font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-value-large{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-sm);line-height:1}.metric-value-large.cps-value{font-size:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cps-label{font-size:13px;color:var(--text-primary);font-weight:500;text-transform:none;letter-spacing:normal;margin-top:var(--spacing-xs)}.cps-contribution{font-size:11px;color:var(--text-secondary);margin-top:var(--spacing-xs);font-weight:500}.risk-indicator{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.risk-indicator.risk-normal{background:#0066ff1a;color:var(--primary);border:1px solid var(--primary)}.risk-indicator.risk-elevated{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.risk-indicator.risk-critical{background:#dc26261a;color:#dc2626;border:1px solid #dc2626}.quick-assessment,.quick-metrics{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.quick-score-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.score-name{font-size:.9rem;color:var(--text-secondary)}.score-value-mini{font-size:.95rem;font-weight:600}.score-value-mini.high{color:var(--primary);font-weight:600}.score-value-mini.moderate{color:#f59e0b;font-weight:600}.score-value-mini.low{color:#dc2626;font-weight:600}.quick-metric-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;color:var(--text-secondary)}.metric-status{color:var(--primary);font-size:13px}.results-content{display:flex;flex-direction:column;gap:24px;width:100%;min-height:0;position:relative}.result-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all .2s ease;animation:slideIn .4s ease-out;color:var(--text-primary);width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.assessment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.assessment-item-modern{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.assessment-item-modern:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.assessment-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.assessment-name-modern{color:var(--text-primary);font-weight:600;font-size:.95rem}.assessment-score-modern{font-weight:700;font-size:1.2rem}.assessment-score-modern.high{color:var(--primary)}.assessment-score-modern.moderate{color:#f59e0b}.assessment-score-modern.low{color:#dc2626}.assessment-description-modern{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin-bottom:12px}.score-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width var(--transition-base)}.score-bar-fill.high{background:linear-gradient(90deg,var(--primary),var(--accent))}.score-bar-fill.moderate{background:linear-gradient(90deg,#f59e0b,#f97316)}.score-bar-fill.low{background:linear-gradient(90deg,#dc2626,#ef4444)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.metric-card-item{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.metric-card-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-card-item.full-width{grid-column:1 / -1}.metric-label-modern{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.metric-value-modern{color:var(--primary);font-weight:700;font-size:1.1rem;margin-bottom:var(--spacing-sm)}.metric-description{color:var(--text-muted);font-size:.8rem;line-height:1.4}.mindguard-card{border:2px solid var(--primary);box-shadow:var(--shadow-lg)}.mindguard-section-modern{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-md)}.mindguard-section-modern:last-child{margin-bottom:0}.section-header-modern{margin-bottom:var(--spacing-lg)}.section-title{margin:0 0 var(--spacing-md) 0;font-size:1.3rem;color:var(--text-primary);font-weight:600}.section-description{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-description p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:var(--spacing-sm)}.section-description p:last-child{margin-bottom:0}.section-description strong{color:var(--text-primary);font-weight:600}.section-description ul,.section-description ol{margin:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);font-size:14px;line-height:1.6}.section-description li{margin-bottom:var(--spacing-xs)}.section-description li strong{color:var(--primary);font-weight:600}.score-display-modern{display:flex;align-items:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.score-value-modern{font-size:3rem;font-weight:700;color:var(--primary);line-height:1}.score-unit-modern{font-size:1.5rem;color:var(--text-muted);margin-left:4px}.risk-badge-modern{padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.risk-badge-modern.risk-normal{background:#0066ff1a;color:var(--primary);border:1px solid var(--primary)}.risk-badge-modern.risk-elevated{background:#f0d77a33;color:var(--warning);border:1px solid var(--warning)}.risk-badge-modern.risk-critical{background:#ff6b6b33;color:var(--danger);border:1px solid var(--danger)}.progress-bar-modern{width:100%;height:14px;background:#1f2a4480;border-radius:7px;overflow:hidden;margin-top:12px}.progress-bar-modern-small{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-top:var(--spacing-sm)}.progress-fill-modern{height:100%;border-radius:inherit;transition:width .3s ease;background:linear-gradient(90deg,var(--primary),var(--accent))}.progress-fill-modern.risk-normal{background:linear-gradient(90deg,var(--primary),var(--accent))}.progress-fill-modern.risk-elevated{background:linear-gradient(90deg,var(--warning),#d4b85a)}.progress-fill-modern.risk-critical{background:linear-gradient(90deg,var(--danger),#d45555)}.metric-contributions-modern{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.contributions-title{margin:0 0 var(--spacing-md);font-size:1rem;color:var(--text-primary);font-weight:600}.contributions-list{display:flex;flex-direction:column;gap:12px}.contribution-item-modern{display:flex;align-items:center;gap:12px}.contribution-label-modern{min-width:150px;font-size:13px;color:var(--text-secondary);text-transform:capitalize}.contribution-bar-modern{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.contribution-fill-modern{height:100%;background:var(--gradient-primary);transition:width .3s ease;border-radius:4px}.contribution-value-modern{min-width:50px;text-align:right;font-size:14px;color:var(--text-primary);font-weight:600}.additional-metrics-modern{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.metrics-row-modern{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;border:1px solid var(--border)}.metric-label-modern-small{min-width:140px;font-size:13px;color:var(--text-secondary);font-weight:500}.metric-value-modern-small{min-width:60px;font-size:13px;color:var(--text-primary);font-weight:600;text-align:right}.metric-badge-modern{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.metric-badge-modern.sentiment-positive,.metric-badge-modern.tone-positive{background:#0066ff1a;color:var(--primary);border:1px solid var(--primary)}.metric-badge-modern.sentiment-negative,.metric-badge-modern.tone-negative,.metric-badge-modern.tone-anxious,.metric-badge-modern.tone-tired{background:#dc26261a;color:#dc2626;border:1px solid #dc2626}.metric-badge-modern.sentiment-neutral{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.metric-badge-modern.posture-excellent,.metric-badge-modern.posture-good{background:#0066ff1a;color:var(--primary);border:1px solid var(--primary)}.metric-badge-modern.posture-fair{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.metric-badge-modern.posture-poor{background:#dc26261a;color:#dc2626;border:1px solid #dc2626}.audio-metrics-grid-modern,.video-metrics-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.audio-metric-modern,.video-metric-modern{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.metric-value-large-modern{font-size:2rem;font-weight:700;color:var(--primary);margin:var(--spacing-sm) 0}.summary-text-modern{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;line-height:1.6;font-style:italic;border:1px solid var(--border)}.state-badge-modern{display:inline-block;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:var(--spacing-sm)}.state-badge-modern.state-normal{background:#0066ff1a;color:var(--primary);border:1px solid var(--primary)}.state-badge-modern.state-elevated{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.state-badge-modern.state-critical{background:#dc26261a;color:#dc2626;border:1px solid #dc2626}.trends-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.trend-item-modern{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.trend-label-modern{flex:1;font-size:.95rem;color:var(--text-primary);font-weight:500}.trend-arrow-modern{font-size:1.8rem;font-weight:700;width:40px;text-align:center}.trend-arrow-modern.trend-up{color:#dc2626}.trend-arrow-modern.trend-down{color:var(--primary)}.trend-arrow-modern.trend-stable{color:var(--text-muted)}.trend-text-modern{min-width:70px;font-size:.9rem;color:var(--text-muted);text-transform:capitalize}.baseline-info-modern{margin-bottom:20px}.baseline-item-modern{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.baseline-label-modern{font-size:14px;color:var(--text-secondary);font-weight:500}.baseline-value-modern{font-size:14px;color:var(--primary);font-weight:600;font-family:Courier New,monospace}.baseline-comparison-modern{margin-top:20px}.comparison-item-modern{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.comparison-label-modern{font-size:14px;color:var(--text-secondary);font-weight:500}.comparison-value-modern{font-size:1.2rem;color:var(--primary);font-weight:700;font-family:Courier New,monospace}.comparison-value-modern.significant{color:#dc2626}.risk-factors-modern,.recommendations-modern,.fatigue-signs-modern{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary)}.risk-factors-modern{border-left:3px solid #dc2626}.recommendations-modern{border-left:3px solid var(--primary)}.section-subtitle{margin:0 0 var(--spacing-sm);font-size:14px;color:var(--text-primary);font-weight:600}.factors-list,.recommendations-list,.fatigue-list{margin:0;padding-left:var(--spacing-lg);list-style-type:disc}.factors-list li,.recommendations-list li,.fatigue-list li{margin-bottom:var(--spacing-sm);font-size:13px;color:var(--text-secondary);line-height:1.5}.factors-list,.recommendations-list,.fatigue-list{color:var(--text-secondary)}.data-source-indicator,.data-source-indicator-modern{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-primary)}.source-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.source-badge{padding:6px 14px;border-radius:12px;font-size:13px;font-weight:500}.source-badge.azure{background:#0066ff1a;color:var(--primary);border:1px solid var(--primary)}.source-badge.fallback{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.source-label-modern{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}.source-badges-modern{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.source-badge-modern{padding:6px 14px;border-radius:12px;font-size:13px;font-weight:500}.source-badge-modern.azure{background:#0066ff1a;color:var(--primary);border:1px solid var(--primary)}.source-badge-modern.fallback{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.transcript-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-primary)}.transcript-label{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}.transcript-preview{font-size:14px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border)}.transcript-warning{color:#f59e0b;font-weight:500;display:block;margin-top:8px}@media (max-width: 1200px){.mindguard-layout{grid-template-columns:1fr;padding:20px;gap:24px}.input-panel,.metrics-sidebar{position:relative;top:0;max-height:none;overflow-y:visible}.metrics-sidebar.collapsed{max-height:none}}@media (max-width: 768px){.mindguard-layout{padding:16px;gap:20px}.backend-warning-minimal,.backend-status-minimal{padding:10px 16px;font-size:.8rem}.panel-card{padding:20px}.action-buttons,.assessment-grid,.metrics-grid,.audio-metrics-grid-modern,.video-metrics-grid-modern,.trends-grid-modern{grid-template-columns:1fr}.score-value-modern{font-size:2rem}.metric-value-large-modern{font-size:1.5rem}}@media (max-width: 480px){.hero-title{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:8px}.backend-warning-hero,.backend-status-hero{position:relative;top:0;right:0;margin-top:16px}.score-display-modern{flex-direction:column;align-items:flex-start}}.hii-integration-banner{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);position:sticky;top:var(--spacing-md);z-index:15;box-shadow:var(--shadow-md);max-width:100%}.mindguard-fill{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%)}.hii-tooltip{margin-left:4px;cursor:help;opacity:.7;transition:opacity var(--transition-fast)}.hii-latest-score-info{margin-top:var(--spacing-sm);font-size:12px;color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-sm)}.hii-contribution-inline{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.hii-contribution-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:14px;color:var(--text-secondary)}.hii-contribution-value{font-size:16px;font-weight:600;color:var(--primary)}.hii-contribution-explanation{font-size:13px;color:var(--text-muted);line-height:1.5}.intelligence-peak-cognitive-performance{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff}.intelligence-optimal-cognitive-state{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.intelligence-cognitive-development-needed{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.page{min-height:calc(100vh - 64px);max-width:1200px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--bg-primary);position:relative}.page>*{position:relative;z-index:1}.page-header{margin-bottom:var(--spacing-2xl);text-align:center;position:relative;z-index:1}.page-icon-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.page-icon-container svg{width:96px;height:96px}.page-title{font-size:48px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--spacing-md)}.page-subtitle{font-size:20px;font-weight:400;color:var(--text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.page-content{font-size:16px;line-height:1.75;color:var(--text-secondary);position:relative;z-index:1;max-width:800px;margin:0 auto}.page-content p{margin-bottom:var(--spacing-lg)}.page-content h2{font-size:28px;font-weight:700;color:var(--text-primary);margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.page-content h3{font-size:22px;font-weight:700;color:var(--text-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.page-content ul{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-lg);list-style:none}.page-content li{margin-bottom:var(--spacing-md);padding-left:var(--spacing-md);position:relative}.page-content li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.page-link{color:var(--primary);text-decoration:none;transition:color .2s ease}.page-link:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:4px}.page-meta{font-size:14px;color:var(--text-muted);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.placeholder-section{padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:var(--spacing-2xl);background:var(--bg-secondary)}.placeholder-text{font-size:16px;color:var(--text-muted);font-style:normal}@media (max-width: 768px){.page{padding:var(--spacing-lg) var(--spacing-md)}.page-title{font-size:36px}.page-subtitle{font-size:18px}.page-icon-container svg{width:80px;height:80px}.page-content{font-size:15px}.page-content h2{font-size:24px}.page-content h3{font-size:20px}}.mindguard-page{min-height:100vh;width:100%;position:relative;background:linear-gradient(135deg,#0a0e1a,#0f1626)}.mindguard-page-header{padding:24px 32px;border-bottom:1px solid rgba(122,215,240,.1);background:#0f16264d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.mindguard-header-content{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.mindguard-title-section{display:flex;flex-direction:column;gap:4px}.mindguard-page-title{font-size:1.75rem;font-weight:700;color:#e8eefc;margin:0;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.mindguard-icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(122,215,240,.4))}.mindguard-page-tagline{font-size:.9rem;color:#7a8ba3;margin:0;font-weight:400}.mindguard-info-toggle{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#7ad7f01a;border:1px solid rgba(122,215,240,.3);border-radius:8px;color:#7ad7f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mindguard-info-toggle:hover{background:#7ad7f026;border-color:#7ad7f080;transform:translateY(-1px)}.mindguard-info-toggle:active{transform:translateY(0)}.info-icon{font-size:1.1rem;line-height:1}.info-text{font-weight:500}.mindguard-info-panel{max-width:1600px;margin:0 auto;padding:32px;background:#0f162680;border-bottom:1px solid rgba(122,215,240,.1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-panel-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.info-section{display:flex;flex-direction:column;gap:12px}.info-section h3{font-size:1.1rem;font-weight:600;color:#7ad7f0;margin:0}.info-section p{font-size:.95rem;color:#b8c5d9;line-height:1.6;margin:0}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.info-list li{font-size:.9rem;color:#b8c5d9;padding-left:20px;position:relative;line-height:1.5}.info-list li:before{content:"▸";position:absolute;left:0;color:#7ad7f0;font-size:.8rem}.mindguard-tool-container{width:100%;padding:0;position:relative}.mindguard-tool-container .cognitive-coach-interface .mindguard-hero{display:none}@media (max-width: 768px){.mindguard-page-header{padding:20px}.mindguard-header-content{flex-direction:column;align-items:flex-start;gap:16px}.mindguard-page-title{font-size:1.5rem}.mindguard-page-tagline{font-size:.85rem}.mindguard-info-toggle{width:100%;justify-content:center}.mindguard-info-panel{padding:24px 20px}.info-panel-content{grid-template-columns:1fr;gap:24px}}@media (max-width: 480px){.mindguard-page-title{font-size:1.3rem}.mindguard-icon{font-size:1.5rem}}.decision-lab-interface{width:100%;max-width:100%;margin:0 auto;padding:0}.decision-lab-header{margin-bottom:var(--spacing-lg)}.decision-lab-header h1{display:none}.nav-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-sm)}.nav-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;letter-spacing:-.01em;margin-bottom:-1px}.nav-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:transparent}.decision-lab-content{min-height:400px}.input-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.symbol-input{flex:1;min-width:200px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);color:var(--text-primary);font-size:15px;outline:none;transition:all .2s ease;font-family:inherit}.symbol-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.symbol-input::placeholder{color:var(--text-muted)}.timeframe-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);color:var(--text-primary);font-size:15px;outline:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.timeframe-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.analyze-button{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em;box-shadow:var(--shadow-md)}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}.analyze-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);color:#dc2626;font-size:14px}.error-message strong{font-weight:600}.analysis-results{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-top:var(--spacing-xl)}.stock-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.stock-symbol{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.stock-price{font-size:28px;font-weight:700;color:var(--primary);letter-spacing:-.02em}.section-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:var(--spacing-xl) 0 var(--spacing-md) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);letter-spacing:-.02em}.section-title:first-of-type{margin-top:0}.ai-summary-section{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--border)}.recommendation-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:13px;margin-bottom:var(--spacing-md);letter-spacing:.02em;text-transform:uppercase}.recommendation-badge.buy{background:#10a37f1a;color:#059669;border:1px solid rgba(16,163,127,.3)}.recommendation-badge.sell{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.recommendation-badge.hold{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.ai-summary-note{background:#0066ff0d;border-left:3px solid var(--primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:13px;color:var(--text-secondary);line-height:1.6}.ai-summary-note strong{color:var(--text-primary);font-weight:600}.summary-text{margin:var(--spacing-md) 0;line-height:1.7;color:var(--text-secondary);font-size:15px}.insights-list{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.insights-list strong{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600}.insights-list ul{margin-top:var(--spacing-sm);padding-left:var(--spacing-lg);list-style:none}.insights-list li{margin:var(--spacing-xs) 0;color:var(--text-secondary);padding-left:var(--spacing-md);position:relative}.insights-list li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.indicators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.indicator-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .2s ease}.indicator-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.indicator-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.01em}.indicator-values{font-size:14px;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-xs);line-height:1.5}.indicator-values.overbought{color:#dc2626}.indicator-values.oversold{color:#059669}.chart-container{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--border)}.chart-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center;letter-spacing:-.02em}.plotly-chart{width:100%;min-height:400px}.fundamentals-grid,.risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.metric-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border);font-size:14px;transition:all .2s ease}.metric-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.metric-card strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:600}.portfolio-header,.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.portfolio-header h2,.alerts-header h2{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.empty-state p{font-size:15px;margin:0}.portfolio-list,.alerts-list{display:grid;gap:var(--spacing-md)}.portfolio-item,.alert-item{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.portfolio-item:hover,.alert-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.stock-info,.alert-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stock-info strong,.alert-info strong{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.stock-info span,.alert-info span{font-size:14px;color:var(--text-secondary)}.stock-value{text-align:right;display:flex;flex-direction:column;gap:var(--spacing-xs)}.stock-value>div{font-size:14px;color:var(--text-secondary)}.positive{color:#059669;font-weight:600}.negative{color:#dc2626;font-weight:600}.btn-delete{background:transparent;color:#dc2626;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.btn-delete:hover{background:#dc26261a;border-color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:500px;position:relative;box-shadow:var(--shadow-xl)}.close{position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);font-size:24px;font-weight:600;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.close:hover{color:var(--text-primary);background:var(--bg-secondary)}.modal-content h2{margin-bottom:var(--spacing-lg);font-size:24px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.modal-content .form-group{margin-bottom:var(--spacing-lg)}.modal-content .form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;font-size:14px}.modal-content .form-group input,.modal-content .form-group select{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);color:var(--text-primary);font-size:15px;outline:none;transition:all .2s ease;font-family:inherit}.modal-content .form-group input:focus,.modal-content .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.modal-content .form-group input::placeholder{color:var(--text-muted)}@media (max-width: 768px){.input-section{flex-direction:column;padding:var(--spacing-md)}.symbol-input,.timeframe-select,.analyze-button{width:100%}.indicators-grid,.fundamentals-grid,.risk-grid{grid-template-columns:1fr}.stock-header,.portfolio-item,.alert-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.stock-value{text-align:left;width:100%}.modal-content{padding:var(--spacing-xl) var(--spacing-md)}}.decision-capture-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-top:var(--spacing-xl)}.decision-panel-header{margin-bottom:var(--spacing-lg)}.decision-panel-header h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.decision-process-explanation{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);font-size:13px}.decision-process-explanation strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:var(--spacing-sm)}.decision-process-explanation ol{margin:var(--spacing-sm) 0 0 var(--spacing-lg);padding-left:var(--spacing-md);color:var(--text-secondary);line-height:1.8}.decision-process-explanation li{margin:var(--spacing-xs) 0}.decision-help-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:var(--spacing-sm)}.decision-capture-panel h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.decision-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.decision-btn{background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.decision-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.decision-btn.selected{border-color:var(--primary);background:#0066ff1a}.decision-btn.buy.selected{border-color:#059669;background:#0596691a}.decision-btn.sell.selected{border-color:#dc2626;background:#dc26261a}.decision-icon{font-size:32px}.decision-label{font-size:18px;font-weight:700;color:var(--text-primary)}.decision-hint{font-size:12px;color:var(--text-muted);margin-top:var(--spacing-xs)}.decision-reasoning{margin-bottom:var(--spacing-lg)}.decision-reasoning label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;font-size:14px}.decision-reasoning textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);color:var(--text-primary);font-size:15px;font-family:inherit;resize:vertical;min-height:80px}.decision-reasoning textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.submit-decision-btn{width:100%;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em;box-shadow:var(--shadow-md)}.submit-decision-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-decision-btn:disabled{opacity:.6;cursor:not-allowed}.scoring-results-inline{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--primary);background:linear-gradient(135deg,#0066ff0d,#00d9ff0d);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.score-header-inline{text-align:center;margin-bottom:var(--spacing-lg)}.score-header-inline h4{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.01em}.score-badge-inline{display:inline-flex;align-items:baseline;gap:var(--spacing-xs);background:var(--bg-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--primary);margin:var(--spacing-md) 0}.score-value-inline{font-size:36px;font-weight:700;color:var(--primary);line-height:1}.score-label-inline{font-size:18px;color:var(--text-muted);font-weight:500}.score-quality-badge{display:inline-block;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#0066ff1a;color:var(--primary);border-radius:var(--radius-md);font-size:14px;font-weight:600}.score-explanation{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.score-explanation p{margin:var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.7;font-size:14px}.score-explanation strong{color:var(--text-primary);font-weight:600}.score-breakdown-hint{font-size:13px!important;color:var(--text-muted)!important;margin-top:var(--spacing-md)!important;padding-top:var(--spacing-md);border-top:1px solid var(--border)}.hii-contribution-inline{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.hii-contribution-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary);font-size:15px}.hii-contribution-value{color:var(--primary);font-weight:700;font-size:16px}.hii-contribution-explanation{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-top:var(--spacing-sm)}.narrative-feedback-inline{background:#0066ff0d;border-left:4px solid var(--primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;display:flex;gap:var(--spacing-sm);align-items:flex-start}.narrative-feedback-inline .feedback-icon{font-size:20px;flex-shrink:0;margin-top:2px}.narrative-feedback-inline p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:14px}.decision-comparison-inline-panel{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.comparison-title-small{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center}.comparison-cards-inline{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.comparison-card-small{background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);text-align:center;min-width:120px}.comparison-card-small.user-decision{border-color:var(--primary);background:#0066ff0d}.comparison-card-small.system-decision{border-color:#059669;background:#0596690d}.card-label-small{font-size:12px;color:var(--text-muted);margin-bottom:var(--spacing-xs);font-weight:500}.card-value-small{font-size:20px;font-weight:700;color:var(--text-primary)}.comparison-vs-small{font-size:16px;font-weight:600;color:var(--text-muted)}.card-confidence{font-size:11px;color:var(--text-muted);margin-top:var(--spacing-xs);font-style:italic}.card-confidence-small{font-size:10px;color:var(--text-muted);margin-top:var(--spacing-xs);font-style:italic}.card-signal-strength{font-size:10px;color:var(--primary);margin-top:2px;font-weight:600}.ml-reasoning-inline{background:#0066ff0d;border-left:3px solid var(--primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:13px}.ml-reasoning-inline strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:var(--spacing-xs)}.ml-reasoning-inline ul{margin:var(--spacing-xs) 0 0 0;padding-left:var(--spacing-lg);list-style:disc}.ml-reasoning-inline li{color:var(--text-secondary);margin:var(--spacing-xs) 0;line-height:1.5}.ml-system-explanation-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.ml-explanation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.ml-explanation-header strong{color:var(--text-primary);font-weight:600;font-size:14px}.expand-ml-details-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md);font-size:12px;color:var(--primary);cursor:pointer;transition:all .2s ease;font-weight:500}.expand-ml-details-btn:hover{background:#0066ff1a;border-color:var(--primary)}.ml-methodology-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);font-size:13px;line-height:1.7}.ml-methodology-details>p{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-md)}.ml-indicators-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-md) 0}.ml-indicator-item{background:var(--bg-secondary);border-left:3px solid var(--primary);padding:var(--spacing-md);border-radius:var(--radius-md)}.ml-indicator-item strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:var(--spacing-sm);font-size:13px}.ml-indicator-item ul{margin:var(--spacing-xs) 0 0 var(--spacing-lg);padding-left:var(--spacing-sm);list-style:disc;color:var(--text-secondary)}.ml-indicator-item li{margin:var(--spacing-xs) 0;line-height:1.6;font-size:12px}.ml-signal-calculation{background:linear-gradient(135deg,#0066ff1a,#00d9ff1a);border:1px solid var(--primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.ml-signal-calculation strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:var(--spacing-sm);font-size:13px}.ml-signal-calculation p{color:var(--text-secondary);margin:var(--spacing-sm) 0;font-size:12px;line-height:1.6}.ml-signal-calculation ul{margin:var(--spacing-sm) 0 0 var(--spacing-lg);padding-left:var(--spacing-sm);list-style:disc;color:var(--text-secondary);font-size:12px}.ml-signal-calculation li{margin:var(--spacing-xs) 0;line-height:1.6}.ml-confidence-note{margin-top:var(--spacing-md)!important;padding-top:var(--spacing-sm)!important;border-top:1px solid rgba(0,102,255,.2)!important;font-size:11px!important;color:var(--text-muted)!important}.ml-current-values{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.ml-current-values strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:var(--spacing-sm);font-size:13px}.ml-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.ml-values-grid>div{background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);text-align:center;font-weight:500}.scoring-results-panel{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-top:var(--spacing-xl)}.score-header{text-align:center;margin-bottom:var(--spacing-xl)}.score-header h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.score-badge-large{text-align:center;padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;border:2px solid var(--primary)}.score-value{font-size:48px;font-weight:700;color:var(--primary);display:block;line-height:1}.score-label{font-size:18px;color:var(--text-secondary);display:block;margin-top:var(--spacing-sm);font-weight:600}.performance-metrics-section{margin:var(--spacing-xl) 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.metric-card{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center}.metric-label{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}.metric-value{font-size:24px;font-weight:700;color:var(--text-primary)}.metric-value.positive{color:#059669}.metric-value.negative{color:#dc2626}.score-breakdown{margin:var(--spacing-xl) 0}.breakdown-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.01em;display:flex;flex-direction:column;gap:var(--spacing-xs)}.breakdown-subtitle{font-size:13px;font-weight:400;color:var(--text-muted);font-style:italic}.score-components{display:flex;flex-direction:column;gap:var(--spacing-md)}.score-component{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border)}.score-component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.component-label{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.component-tooltip{font-size:12px;color:var(--text-muted);cursor:help;opacity:.7;transition:opacity .2s}.component-tooltip:hover{opacity:1}.component-score{font-size:18px;font-weight:700;color:var(--primary)}.score-bar-container{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-sm) 0}.score-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.score-bar-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease}.component-description{font-size:13px;color:var(--text-muted);margin-top:var(--spacing-xs);line-height:1.5}.score-explanation-header{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#0066ff0d;border-radius:var(--radius-md);border-left:3px solid var(--primary)}.score-explanation-header p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.comparison-explanation{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:var(--spacing-md);font-style:italic}.hii-tooltip{font-size:12px;color:var(--text-muted);cursor:help;opacity:.7;margin-left:var(--spacing-xs);transition:opacity .2s}.hii-tooltip:hover{opacity:1}.hii-latest-score-info{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary);text-align:center;font-style:italic}.narrative-feedback{background:#0066ff0d;border-left:4px solid var(--primary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;display:flex;gap:var(--spacing-md);align-items:flex-start}.feedback-icon{font-size:24px;flex-shrink:0}.narrative-feedback p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:15px}.decision-comparison{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.comparison-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);text-align:center}.comparison-cards{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.comparison-card{background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;min-width:150px}.comparison-card.user-decision{border-color:var(--primary);background:#0066ff0d}.comparison-card.system-decision{border-color:#059669;background:#0596690d}.card-label{font-size:13px;color:var(--text-muted);margin-bottom:var(--spacing-sm);font-weight:500}.card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.comparison-vs{font-size:18px;font-weight:600;color:var(--text-muted)}.hii-integration-banner{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);position:sticky;top:var(--spacing-md);z-index:10}.hii-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.hii-icon{font-size:24px}.hii-label{font-size:14px;color:var(--text-secondary);font-weight:500}.hii-value{font-size:32px;font-weight:700;color:var(--primary)}.hii-label-text{font-size:16px;color:var(--text-primary);font-weight:600}.hii-module-contributions{margin-top:var(--spacing-md)}.hii-contribution-item{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.contribution-label{font-size:13px;color:var(--text-secondary);min-width:180px;font-weight:500}.contribution-bar{flex:1;height:8px;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.contribution-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease}.decisionguard-fill{background:linear-gradient(90deg,var(--primary) 0%,#00D9FF 100%)}.contribution-value{font-size:14px;color:var(--text-primary);font-weight:600;min-width:80px;text-align:right}.decisions-tab{padding:var(--spacing-lg)}.decisions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.decisions-header h2{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.decisions-stats{display:flex;gap:var(--spacing-md)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);text-align:center;min-width:100px}.stat-value{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.decisions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.decision-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease}.decision-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.decision-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.decision-symbol{font-size:18px;font-weight:700;color:var(--text-primary)}.decision-date{font-size:14px;color:var(--text-muted)}.decision-score-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-weight:700;font-size:16px;display:flex;align-items:baseline;gap:2px}.score-out-of{font-size:12px;font-weight:500;opacity:.7}.decision-score-badge.score-high{background:#0596691a;color:#059669;border:1px solid rgba(5,150,105,.3)}.decision-score-badge.score-medium{background:#fbbf241a;color:#d97706;border:1px solid rgba(251,191,36,.3)}.decision-score-badge.score-low{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.decision-item-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.decision-comparison-inline{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.user-decision-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:14px}.user-decision-badge.buy{background:#0596691a;color:#059669}.user-decision-badge.sell{background:#dc26261a;color:#dc2626}.user-decision-badge.hold{background:#6b72801a;color:#6b7280}.vs-text{color:var(--text-muted);font-size:14px}.system-recommendation-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:14px;background:#0066ff1a;color:var(--primary)}.decision-reasoning-display{font-size:14px;color:var(--text-secondary);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary)}.decision-reasoning-display strong{color:var(--text-primary);font-weight:600}.decision-score-explanation{font-size:13px;color:var(--text-secondary);margin:var(--spacing-sm) 0;padding:var(--spacing-sm);background:#0066ff0d;border-radius:var(--radius-md);line-height:1.6}.decision-score-explanation strong{color:var(--text-primary);font-weight:600}.hii-contribution-text{display:block;margin-top:var(--spacing-xs);font-size:12px;color:var(--text-muted);font-style:italic}.outcome-display{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.outcome-label{font-size:14px;color:var(--text-muted);font-weight:500}.outcome-value{font-size:16px;font-weight:700}.outcome-value.positive{color:#059669}.outcome-value.negative{color:#dc2626}.backtest-tab{padding:var(--spacing-lg)}.backtest-tab h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.section-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.backtest-controls{margin-bottom:var(--spacing-xl)}.backtest-results{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.backtest-metrics-table{margin-top:var(--spacing-lg)}.backtest-metrics-table h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.backtest-metrics-table table{width:100%;border-collapse:collapse}.backtest-metrics-table th,.backtest-metrics-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border)}.backtest-metrics-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);font-size:14px}.backtest-metrics-table td{color:var(--text-secondary);font-size:15px}.backtest-metrics-table tr:last-child td{border-bottom:none}@media (max-width: 768px){.decision-buttons{grid-template-columns:1fr}.hii-header{flex-direction:column;align-items:flex-start}.comparison-cards{flex-direction:column}.decisions-stats{flex-direction:column;width:100%}.decision-item-header{flex-direction:column;align-items:flex-start}}.ag-interface{width:100%;max-width:100%;margin:0 auto;padding:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary, #0f1626);color:var(--text-primary, #e8eefc);font-size:16px;line-height:1.6}.ag-header{position:sticky;top:0;z-index:100;background:var(--bg-secondary, rgba(21, 27, 43, .95));border-bottom:2px solid var(--border, rgba(31, 42, 68, .5));padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ag-header-content{flex:1}.ag-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary, #e8eefc);letter-spacing:-.02em}.ag-subtitle{font-size:.95rem;margin:0;color:var(--text-secondary, #a5adc1);font-weight:400}.ag-info-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#7ad7f01a;border:1px solid rgba(122,215,240,.3);border-radius:8px;color:var(--text-primary, #e8eefc);font-size:.9rem;cursor:pointer;transition:all .2s;min-height:44px}.ag-info-button:hover{background:#7ad7f033;border-color:#7ad7f080}.ag-icon{font-size:1.2rem;display:inline-block}.ag-icon-text{font-weight:500}.ag-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ag-modal{background:var(--bg-secondary, rgba(21, 27, 43, .95));border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:16px;padding:2rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.ag-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-primary, #e8eefc);font-size:2rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.ag-modal-close:hover{background:#7ad7f01a}.ag-modal h2{margin:0 0 1rem;font-size:1.5rem;color:var(--text-primary, #e8eefc)}.ag-modal p{margin:0 0 1rem;color:var(--text-secondary, #a5adc1)}.ag-modal ul{margin:0;padding-left:1.5rem;color:var(--text-secondary, #a5adc1)}.ag-modal li{margin-bottom:.5rem}.ag-main{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;flex:1}.ag-zone-environment{display:flex;flex-direction:column;gap:1rem;min-height:400px}.ag-grid-container{background:#0f162699;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:12px;padding:1rem;display:flex;justify-content:center;align-items:center;min-height:300px;overflow:auto}.ag-empty-state{padding:3rem 1rem;text-align:center;color:var(--text-secondary, #a5adc1);font-size:1rem}.ag-grid{display:inline-grid;gap:2px;background:var(--border, rgba(31, 42, 68, .5));padding:4px;border-radius:8px;margin:0 auto}.ag-cell{width:var(--cell-size, 30px);height:var(--cell-size, 30px);min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell-size, 30px) * .5);border-radius:4px;transition:all .2s;aspect-ratio:1}.ag-cell-empty{background:#ffffff1a}.ag-cell-wall{background:#343a40;color:#fff}.ag-cell-target{background:#28a745;color:#fff}.ag-cell-signal{background:#ffc107;color:#212529}.ag-cell-agent{background:#007bff;color:#fff;position:relative}.ag-cell-agent:after{content:"🤖";font-size:calc(var(--cell-size, 30px) * .7)}.ag-cell-agent-with-signal{background:#17a2b8;color:#fff;position:relative}.ag-cell-agent-with-signal:after{content:"📦🤖";font-size:calc(var(--cell-size, 30px) * .6)}.ag-cell-path{background:#7ad7f04d;border:2px solid rgba(122,215,240,.6)}.ag-status-strip{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#0f1626cc;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:8px;justify-content:space-around}.ag-status-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.ag-status-label{font-size:.85rem;color:var(--text-secondary, #a5adc1);text-transform:uppercase;letter-spacing:.5px}.ag-status-value{font-size:1.1rem;font-weight:700;color:var(--text-primary, #e8eefc)}.ag-zone-controls{display:flex;flex-direction:column;gap:1rem}.ag-card{background:#0f162699;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:12px;padding:1.5rem}.ag-card-title{font-size:1.2rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary, #e8eefc)}.ag-control-group{margin-bottom:1.5rem}.ag-control-group:last-child{margin-bottom:0}.ag-control-group label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #e8eefc);margin-bottom:.5rem}.ag-control-group select{width:100%;padding:.75rem;font-size:1rem;background:#0f1626cc;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:8px;color:var(--text-primary, #e8eefc);cursor:pointer;transition:border-color .2s;min-height:44px}.ag-control-group select:hover{border-color:#7ad7f080}.ag-control-group select:focus{outline:none;border-color:#7ad7f0;box-shadow:0 0 0 3px #7ad7f026}.ag-control-hint{font-size:.85rem;color:var(--text-secondary, #a5adc1);margin:.5rem 0 0;line-height:1.4}.ag-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.ag-toggle-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#0f1626cc;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:8px;color:var(--text-primary, #e8eefc);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:44px}.ag-toggle-button:hover{border-color:#7ad7f080;background:#7ad7f01a}.ag-toggle-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.ag-button-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.ag-button-group:last-child{margin-bottom:0}.ag-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;min-height:44px;width:100%}.ag-button:disabled{opacity:.5;cursor:not-allowed}.ag-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ag-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.ag-button-secondary{background:#0f1626cc;border:2px solid var(--border, rgba(31, 42, 68, .5));color:var(--text-primary, #e8eefc)}.ag-button-secondary:hover:not(:disabled){border-color:#7ad7f080;background:#7ad7f01a}.ag-button-control{background:#0f1626cc;border:2px solid var(--border, rgba(31, 42, 68, .5));color:var(--text-primary, #e8eefc)}.ag-button-control:hover:not(:disabled){border-color:#7ad7f080;background:#7ad7f01a}.ag-hint-text{font-size:.9rem;color:var(--text-secondary, #a5adc1);margin:0 0 .5rem;text-align:center;padding:.5rem;background:#7ad7f01a;border-radius:6px}.ag-zone-timeline{background:#0f162699;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:12px;padding:1.5rem;max-height:500px;overflow-y:auto}.ag-zone-title{font-size:1.2rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary, #e8eefc)}.ag-timeline{display:flex;flex-direction:column;gap:.75rem}.ag-empty-timeline{padding:2rem 1rem;text-align:center;color:var(--text-secondary, #a5adc1)}.ag-timeline-step{display:flex;gap:1rem;padding:1rem;background:#0f1626cc;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:8px;transition:all .2s}.ag-timeline-step.ag-step-current{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.02);box-shadow:0 4px 12px #667eea4d}.ag-timeline-step.ag-step-executed{opacity:.6}.ag-step-number{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#7ad7f033;border:2px solid rgba(122,215,240,.4);border-radius:50%;font-weight:700;font-size:1rem;color:var(--text-primary, #e8eefc)}.ag-step-current .ag-step-number{background:#ffffff4d;border-color:#fff;color:#fff}.ag-step-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.ag-step-action{font-size:1rem;font-weight:500;color:var(--text-primary, #e8eefc);font-family:Courier New,monospace}.ag-step-details{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem}.ag-step-detail{padding:.25rem .5rem;background:#0f162699;border-radius:4px;color:var(--text-secondary, #a5adc1)}.ag-step-success{color:#28a745;font-weight:600}.ag-outcome-panel{background:#0f1626cc;border-top:3px solid var(--border, rgba(31, 42, 68, .5));padding:2rem 1.5rem;margin-top:auto}.ag-outcome-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary, #e8eefc)}.ag-outcome-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.ag-outcome-metric{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0f162699;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:8px}.ag-metric-icon{font-size:2rem;flex-shrink:0}.ag-metric-content{display:flex;flex-direction:column;gap:.25rem}.ag-metric-label{font-size:.85rem;color:var(--text-secondary, #a5adc1);text-transform:uppercase;letter-spacing:.5px}.ag-metric-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #e8eefc)}.ag-comparison{margin-top:2rem;padding:1.5rem;background:#0f162699;border:2px solid var(--border, rgba(31, 42, 68, .5));border-radius:12px}.ag-comparison-title{font-size:1.2rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary, #e8eefc)}.ag-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.ag-comparison-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#0f1626cc;border-radius:8px}.ag-comparison-label{font-size:.9rem;color:var(--text-secondary, #a5adc1);font-weight:600}.ag-comparison-values{display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.ag-comparison-user{font-weight:700;color:#7ad7f0}.ag-comparison-vs{color:var(--text-secondary, #a5adc1);font-size:.9rem}.ag-comparison-system{font-weight:700;color:var(--text-primary, #e8eefc)}.ag-score-display{text-align:center;padding:2rem;background:#7ad7f01a;border:2px solid rgba(122,215,240,.3);border-radius:12px}.ag-score-value{font-size:4rem;font-weight:700;color:#7ad7f0;margin-bottom:.5rem}.ag-score-label{font-size:1.5rem;font-weight:600;color:var(--text-primary, #e8eefc);margin-bottom:1rem}.ag-score-feedback{font-size:1rem;color:var(--text-secondary, #a5adc1);line-height:1.6;margin:0;font-style:italic}.ag-status-bar{background:#0f162699;border-top:2px solid var(--border, rgba(31, 42, 68, .5));padding:1rem 1.5rem;flex-shrink:0}.ag-status-message{font-size:.95rem;color:var(--text-primary, #e8eefc);font-weight:500}.ag-status-message.error{color:#ff6b6b}@media (min-width: 768px){.ag-main{grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr}.ag-zone-environment{grid-column:1;grid-row:1 / 3}.ag-zone-controls{grid-column:2;grid-row:1}.ag-zone-timeline{grid-column:2;grid-row:2}.ag-title{font-size:1.75rem}.ag-subtitle{font-size:1rem}}@media (min-width: 1024px){.ag-main{grid-template-columns:1.8fr 1fr;gap:2rem;padding:2rem}.ag-header{padding:1.25rem 2rem}.ag-title{font-size:2rem}.ag-outcome-metrics{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1400px){.ag-main{grid-template-columns:2fr 1fr;max-width:1600px;margin:0 auto}}.ag-zone-timeline::-webkit-scrollbar,.ag-grid-container::-webkit-scrollbar{width:8px;height:8px}.ag-zone-timeline::-webkit-scrollbar-track,.ag-grid-container::-webkit-scrollbar-track{background:#0f162680;border-radius:4px}.ag-zone-timeline::-webkit-scrollbar-thumb,.ag-grid-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.ag-zone-timeline::-webkit-scrollbar-thumb:hover,.ag-grid-container::-webkit-scrollbar-thumb:hover{background:#5568d3}.ag-button:focus-visible,.ag-toggle-button:focus-visible,.ag-control-group select:focus-visible,.ag-info-button:focus-visible{outline:3px solid #7ad7f0;outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard-content{margin-top:var(--spacing-2xl);position:relative;z-index:1}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.dashboard-card{padding:var(--spacing-2xl);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-primary);transition:all .2s ease;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.dashboard-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--primary)}.dashboard-card:hover:before{transform:scaleX(1)}.dashboard-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.dashboard-placeholder{min-height:200px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.placeholder-text{font-size:15px;color:var(--text-muted);font-style:normal}.dashboard-actions{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border)}.dashboard-actions h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.action-button{padding:var(--spacing-md) var(--spacing-lg);font-size:15px;font-weight:600;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);letter-spacing:-.01em}.action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-button{width:100%}}.pricing-content{margin-top:var(--spacing-2xl);position:relative;z-index:1}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);max-width:1100px;margin:0 auto}.pricing-card{padding:var(--spacing-2xl) var(--spacing-xl);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-primary);position:relative;transition:all .2s ease}.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-card.featured{border:2px solid var(--primary);box-shadow:var(--shadow-lg)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-md);font-size:11px;font-weight:600;box-shadow:var(--shadow-md);letter-spacing:.02em;text-transform:uppercase}.pricing-card-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.pricing-card-price{margin-bottom:var(--spacing-xl)}.price-amount{font-size:48px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.price-period{font-size:16px;color:var(--text-secondary);margin-left:var(--spacing-sm);font-weight:400}.pricing-features{list-style:none;margin-bottom:var(--spacing-xl)}.pricing-features li{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border);font-size:15px;color:var(--text-secondary);position:relative;padding-left:var(--spacing-xl);line-height:1.5}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:16px}.pricing-features li:last-child{border-bottom:none}.pricing-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:16px;font-weight:600;background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;letter-spacing:-.01em}.pricing-button:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.pricing-button.primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-md)}.pricing-button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:var(--spacing-xl) var(--spacing-md)}}.auth-content{max-width:480px;margin:0 auto;margin-top:var(--spacing-2xl)}.auth-form{padding:var(--spacing-2xl) var(--spacing-xl);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-primary);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.01em}.form-input{width:100%;padding:var(--spacing-md);font-size:15px;font-family:inherit;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;letter-spacing:-.01em}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.form-input::placeholder{color:var(--text-muted)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--text-secondary);cursor:pointer}.form-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.form-link{font-size:14px;color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.form-link:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:4px}.form-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:16px;font-weight:600;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);letter-spacing:-.01em}.form-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}.form-button:active{transform:translateY(0)}.form-divider{text-align:center;margin:var(--spacing-xl) 0;position:relative}.form-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.form-divider span{position:relative;background:var(--bg-primary);padding:0 var(--spacing-md);color:var(--text-muted);font-size:14px}.form-footer{text-align:center;font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.auth-form{padding:var(--spacing-xl) var(--spacing-md)}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);margin-top:var(--spacing-2xl)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.contact-section{padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--border)}.contact-section:last-child{border-bottom:none;padding-bottom:0}.contact-section-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.contact-text{font-size:15px;color:var(--text-secondary);line-height:1.65;margin-bottom:var(--spacing-lg)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.contact-link{font-size:15px;color:var(--primary);text-decoration:none;transition:color .2s ease}.contact-link:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:4px}.contact-value{font-size:15px;color:var(--text-secondary)}.contact-form-section{background:var(--bg-secondary);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid var(--border)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-2xl)}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-3xl)}.contact-form-section{order:-1}}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0066FF;--primary-dark: #0052CC;--primary-light: #3385FF;--accent: #00D9FF;--accent-dark: #00B8D4;--secondary: #7C3AED;--secondary-light: #8B5CF6;--gradient-primary: linear-gradient(135deg, #0066FF 0%, #7C3AED 100%);--gradient-accent: linear-gradient(135deg, #00D9FF 0%, #0066FF 100%);--gradient-hero: linear-gradient(180deg, #FAFBFC 0%, #F5F7FA 100%);--text-primary: #1A1A1A;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border: #E5E7EB;--border-light: #F3F4F6;--bg-primary: #FFFFFF;--bg-secondary: #FAFBFC;--bg-tertiary: #F9FAFB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;font-size:16px;letter-spacing:-.011em}code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}