:root{--bg-primary: #2E3047;--bg-secondary: #3C3F58;--bg-tertiary: #43455C;--color-retirement: #3BBA9C;--color-1: #3BBA9C;--color-2: #707793;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .5);--border-primary: #707793;--border-secondary: rgba(112, 119, 147, .5);--border-hover: rgba(112, 119, 147, .8);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-nav: 0 4px 24px rgba(0, 0, 0, .3);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.1875rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--z-sticky: 200;--chart-height: 360px;--chart-height-mobile: 240px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary)}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-width:320px;overflow-x:hidden;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit}.navbar{position:sticky;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-nav);padding:0 var(--spacing-xl);height:64px;display:flex;align-items:center}.navbar-content{width:100%;max-width:1920px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.navbar-brand{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);text-decoration:none;transition:opacity var(--transition-fast)}.navbar-brand:hover{opacity:.9}.navbar-actions{display:flex;gap:var(--spacing-md);align-items:center}.navbar-button{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:.5rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;text-decoration:none;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.25;transition:background var(--transition-fast),border-color var(--transition-fast);box-sizing:border-box}nav .navbar-button{-webkit-appearance:none;appearance:none}.navbar-button:hover{background:#ffffff1f;border-color:#ffffff40}.navbar-button-primary{background:var(--color-retirement);color:#fff;border-color:var(--color-retirement)}.navbar-button-primary:hover{background:#34c9ad;border-color:#34c9ad;opacity:1}.page{padding:var(--spacing-xl);max-width:960px;margin:0 auto;color:var(--text-primary)}.page h1,.page h2,.page h3{color:var(--text-primary)}.page p{color:var(--text-secondary)}.button-stack{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.primary-button,.secondary-button{padding:.75rem 1.25rem;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;text-align:center;font-size:var(--text-base);font-weight:var(--font-medium);transition:background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.primary-button{background:var(--color-retirement);color:#fff;border:1px solid var(--color-retirement)}.primary-button:hover{background:#34c9ad;border-color:#34c9ad}.secondary-button{background:#ffffff14;color:var(--text-primary);border:1px solid var(--border-secondary)}.secondary-button:hover{background:#ffffff1f;border-color:var(--border-hover)}.form-stack{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.form-stack input,.form-stack textarea,.form-stack select{width:100%;padding:.65rem var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base)}.form-stack input::placeholder,.form-stack textarea::placeholder{color:var(--text-tertiary)}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{outline:none;border-color:var(--color-retirement);box-shadow:0 0 0 3px #3bba9c33}.error-text{color:var(--color-error)}.success-text{color:var(--color-success)}.data-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:var(--spacing-md);font-size:var(--text-sm)}.data-table th,.data-table td{border:1px solid var(--border-secondary);padding:var(--spacing-md);text-align:left;color:var(--text-primary)}.data-table thead th{background:var(--bg-tertiary);font-weight:var(--font-semibold);color:var(--text-secondary)}.data-table tbody tr:hover{background:var(--bg-tertiary)}.code-block{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--border-secondary);color:var(--text-secondary)}.welcome-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--bg-primary)}.welcome-hero{text-align:center;max-width:560px}.welcome-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm);color:var(--text-primary)}.welcome-tagline{font-size:var(--text-xl);color:var(--text-secondary);margin:0 0 var(--spacing-md)}.welcome-description{font-size:var(--text-base);color:var(--text-tertiary);line-height:1.6;margin:0 0 var(--spacing-2xl)}.welcome-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.welcome-cta{min-width:120px}.landing-page{background:var(--bg-primary);padding-bottom:var(--spacing-2xl)}.landing-hero{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.landing-hero h1{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));margin:0 0 var(--spacing-sm)}.landing-hero .landing-tagline{font-size:var(--text-xl);color:var(--text-secondary);margin:0 0 var(--spacing-md);max-width:560px}.landing-hero .landing-hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-lg)}.landing-section{max-width:1100px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);opacity:.6;transform:translateY(24px);transition:opacity .4s ease-out,transform .4s ease-out}.landing-section.in-view{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.landing-section{opacity:1;transform:none;transition:none}.landing-section.in-view{opacity:1;transform:none}}.landing-section-inner{display:grid;gap:var(--spacing-xl);align-items:center}@media(min-width:768px){.landing-section-inner{grid-template-columns:1fr 1fr}.landing-section-inner.visual-left{direction:rtl}.landing-section-inner.visual-left>*{direction:ltr}}.landing-section-content h2{font-size:var(--text-2xl);margin:0 0 var(--spacing-md);color:var(--text-primary)}.landing-section-content p{color:var(--text-secondary);line-height:1.6;margin:0}.landing-section-visual{min-height:200px;display:flex;align-items:center;justify-content:center}.landing-waitlist-block{max-width:560px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.landing-waitlist-block h2{margin:0 0 var(--spacing-md)}.landing-waitlist-block p{color:var(--text-secondary);margin:0 0 var(--spacing-lg)}.card{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.card-title{margin:0 0 var(--spacing-xs);font-size:var(--text-sm);color:var(--text-secondary)}.card-value{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.section-card{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.section-card p{color:var(--text-secondary)}.section-card .muted{color:var(--text-tertiary);font-size:var(--text-sm)}.table-header-row{background:var(--bg-tertiary)}.table-header-row th{padding:var(--spacing-md);text-align:left;border-bottom:2px solid var(--border-primary);color:var(--text-secondary);font-weight:var(--font-semibold)}.table-cell{padding:var(--spacing-md);border-bottom:1px solid var(--border-secondary);color:var(--text-primary)}.add-row-button{display:inline-block;width:100%;max-width:280px;padding:.5rem 1rem;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:#ffffff0f;border:1px dashed var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);-webkit-appearance:none;appearance:none}.add-row-button:hover{background:#ffffff1a;border-color:var(--color-retirement);color:var(--text-primary)}.add-row-button:focus{outline:none;border-color:var(--color-retirement);box-shadow:0 0 0 2px #3bba9c33}.collapse-section{margin-bottom:var(--spacing-xl);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.collapse-section-header{padding:var(--spacing-md);background:var(--bg-secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.collapse-section-header:hover{background:var(--bg-tertiary)}.collapse-section-header h3{margin:0}.collapse-section-header .muted,.muted{color:var(--text-tertiary);font-weight:var(--font-normal)}.collapse-section-content{width:100%;box-sizing:border-box}.table-wrapper-full{width:100%;overflow-x:auto;box-sizing:border-box}.error-box{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#ef444426;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error)}.chart-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-md);width:100%;box-sizing:border-box;position:sticky;top:72px;z-index:10;box-shadow:0 8px 32px #0000004d;margin-bottom:var(--spacing-lg)}.chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-md)}.chart-title .chart-heading{font-size:calc(var(--text-2xl) * .9);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.chart-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.chart-selector label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.attribute-dropdown{background:#ffffff14;color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:4px 8px;font-size:var(--text-sm);font-family:var(--font-primary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);min-width:160px}.attribute-dropdown:hover{border-color:var(--border-hover);background:#ffffff1f}.attribute-dropdown:focus{outline:none;border-color:var(--color-retirement);box-shadow:0 0 0 3px #3bba9c26}.chart-container{width:100%;height:var(--chart-height);min-height:280px;position:relative}.main-chart{width:100%;height:100%;background:transparent}.chart-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);pointer-events:none}.chart-loading-text{color:var(--text-secondary);font-size:var(--text-sm)}@media(max-width:768px){.chart-section{top:56px}.chart-container{height:var(--chart-height-mobile);min-height:220px}.chart-title .chart-heading{font-size:var(--text-xl)}}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-secondary)}.modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.info-banner{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.info-banner strong{color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.details-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.details-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.details-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.details-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.tab-navigation{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tab-btn{border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-secondary);padding:.5rem .75rem;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium)}.tab-btn.active{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-hover)}.form-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group.full-width{grid-column:1 / -1}.range-value{font-size:var(--text-sm);color:var(--text-secondary)}.calculated-field{display:flex;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.value-highlight{font-weight:var(--font-semibold);color:var(--text-primary)}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--text-secondary)}.qr-scanner{position:relative;border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-tertiary);overflow:hidden;min-height:220px;display:flex;align-items:center;justify-content:center}.qr-video{width:100%;height:100%;object-fit:cover}.qr-scanner-status{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-group input[type=checkbox]{width:auto;margin-right:var(--spacing-sm)}.dashboard-layout{position:relative}.dashboard-page{width:100%;max-width:100%;box-sizing:border-box}.dashboard-page.with-agent{padding-right:var(--spacing-xl)}@media(min-width:1200px){.dashboard-page.with-agent{padding-right:calc(var(--spacing-xl) + 360px)}.dashboard-page.with-agent-collapsed{padding-right:calc(var(--spacing-xl) + 56px)}}.agent-sidebar{position:fixed;right:var(--spacing-lg);top:calc(64px + var(--spacing-lg));width:360px;height:calc(100vh - 96px);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:50}.agent-sidebar.collapsed{width:56px;height:auto}.agent-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.agent-sidebar-header h3{margin:0;font-size:var(--text-base)}.agent-subtitle{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.agent-sidebar.collapsed .agent-subtitle,.agent-sidebar.collapsed h3{display:none}.agent-toggle{background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);padding:.25rem .4rem;cursor:pointer}.agent-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-empty{color:var(--text-tertiary);font-size:var(--text-sm);text-align:center}.agent-message{max-width:85%;padding:.6rem .75rem;border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.4;white-space:pre-wrap}.agent-message.user{align-self:flex-end;background:#3bba9c33;border:1px solid rgba(59,186,156,.4);color:var(--text-primary)}.agent-message.assistant{align-self:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-primary)}.agent-typing{color:var(--text-tertiary)}.agent-error{margin:0 var(--spacing-md) var(--spacing-sm);color:var(--color-error);font-size:var(--text-xs)}.agent-input{border-top:1px solid var(--border-secondary);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-input textarea{resize:vertical;min-height:60px;max-height:160px;background:var(--bg-secondary);color:var(--text-primary)}.agent-actions{display:flex;justify-content:space-between;gap:var(--spacing-sm)}.agent-mic,.agent-send{padding:.5rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:#ffffff14;color:var(--text-primary);cursor:pointer;font-size:var(--text-sm)}.agent-mic.active{border-color:var(--color-retirement);color:var(--color-retirement)}.agent-send{background:var(--color-retirement);border-color:var(--color-retirement);color:#fff}.agent-send:disabled,.agent-mic:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.agent-sidebar{width:min(360px,calc(100vw - 2 * var(--spacing-lg)));right:var(--spacing-md);top:calc(64px + var(--spacing-md));height:calc(100vh - 80px)}}