@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-body:#0d0d0f;--bg-surface:#141417;--bg-surface-hover:#1c1c21;--bg-elevated:#1a1a1f;--border-muted:#27272c;--border-strong:#3f3f46;--text-main:#f4f4f5;--text-muted:#a1a1aa;--text-faint:#71717a;--accent-primary:#ff4b3e;--accent-primary-dim:#ff4b3e1a;--accent-primary-hover:#e83a2d;--accent-secondary:#eab308;--accent-tertiary:#6366f1;--color-stay:#10b981;--color-churn:#ff4b3e;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--radius-none:0px;--radius-sm:2px;--radius-md:4px;--spacing-2:8px;--spacing-4:16px;--spacing-6:24px;--spacing-8:32px;--spacing-12:48px;--spacing-16:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-muted)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{padding:var(--spacing-8) var(--spacing-8);flex:1;width:100%;max-width:1400px;margin:0 auto}.navbar{z-index:100;padding:var(--spacing-4) var(--spacing-8);background:var(--bg-body);border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:var(--spacing-2);display:flex}.navbar-logo{background:var(--accent-primary);width:24px;height:24px;display:inline-block}.navbar-title{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-size:1.1rem;font-weight:600}.navbar-nav{gap:var(--spacing-4);list-style:none;display:flex}.nav-link{font-family:var(--font-body);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:6px 0;font-size:.85rem;font-weight:400;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.nav-link:hover{color:var(--text-main)}.nav-link.active{color:var(--text-main);border-bottom-color:var(--accent-primary)}.page-header{margin-bottom:var(--spacing-12);border-bottom:1px solid var(--border-muted);padding-bottom:var(--spacing-6)}.page-header h1{letter-spacing:-.03em;margin-bottom:var(--spacing-2);font-size:2.25rem;font-weight:600}.page-header p{color:var(--text-muted);max-width:800px;font-size:1rem}.label-caps{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.75rem;font-weight:600}.panel{background:var(--bg-surface);border:1px solid var(--border-muted);padding:var(--spacing-8);margin-bottom:var(--spacing-8)}.panel-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:baseline;display:flex}.panel-title{font-size:1.25rem;font-weight:500}.panel-subtitle{font-family:var(--font-body);color:var(--text-muted);font-size:.85rem}.stats-grid{background:var(--border-muted);border:1px solid var(--border-muted);margin-bottom:var(--spacing-12);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;display:grid}.stat-item{background:var(--bg-surface);padding:var(--spacing-6);gap:var(--spacing-2);flex-direction:column;display:flex}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-icon-wrapper{color:var(--text-faint)}.stat-value{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-size:2rem;font-weight:500}.grid-2{gap:var(--spacing-8);grid-template-columns:repeat(2,1fr);align-items:start;display:grid}.chart-panel{background:var(--bg-surface);border:1px solid var(--border-muted);padding:var(--spacing-6)}.table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:.85rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-muted);padding:12px 16px}.data-table th{color:var(--text-muted);white-space:nowrap;font-weight:500}.data-table tbody tr:hover{background:var(--bg-surface-hover)}.data-table td{color:var(--text-main)}.metric-highlight{font-family:var(--font-heading);font-weight:600}.status-good{color:var(--color-stay)}.status-warn{color:var(--accent-secondary)}.status-bad{color:var(--accent-primary)}.form-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4);border-bottom:1px solid var(--border-muted);padding-bottom:var(--spacing-2);font-size:.85rem}.form-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(3,1fr);display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.form-select,.form-input{border:1px solid var(--border-strong);width:100%;color:var(--text-main);font-family:var(--font-body);border-radius:var(--radius-none);background:0 0;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.form-select:focus,.form-input:focus{border-color:var(--accent-primary)}.form-select option{background:var(--bg-surface);color:var(--text-main)}.range-header{justify-content:space-between;align-items:baseline;display:flex}.range-value{color:var(--text-main);font-size:.85rem}.form-range{appearance:none;background:var(--border-strong);outline:none;width:100%;height:2px;margin-top:8px}.form-range::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:12px;height:12px}.btn{font-family:var(--font-heading);cursor:pointer;letter-spacing:.02em;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--text-main);color:var(--bg-body)}.btn-primary:hover:not(:disabled){background:var(--accent-primary);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border-color:var(--border-strong);color:var(--text-main)}.btn-secondary:hover{border-color:var(--text-main)}.result-banner{padding:var(--spacing-8);border:1px solid var(--border-muted);background:var(--bg-surface);justify-content:space-between;align-items:center;display:flex}.result-banner.churn{border-left:4px solid var(--accent-primary)}.result-banner.stay{border-left:4px solid var(--color-stay)}.result-main{flex-direction:column;gap:8px;display:flex}.result-label{font-family:var(--font-heading);font-size:2rem;font-weight:500}.result-sub{color:var(--text-muted);font-size:.9rem}.probability-val{font-family:var(--font-heading);letter-spacing:-.04em;font-size:3rem;font-weight:400}.result-banner.churn .probability-val{color:var(--accent-primary)}.result-banner.stay .probability-val{color:var(--color-stay)}.finding-block{border-top:1px solid var(--border-muted);padding:var(--spacing-6) 0}.finding-block:last-child{border-bottom:1px solid var(--border-muted)}.finding-title{margin-bottom:var(--spacing-2);color:var(--text-main);font-size:1.1rem}.finding-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.bullet-list{list-style:none}.bullet-list li{color:var(--text-muted);margin-bottom:12px;padding-left:20px;line-height:1.5;position:relative}.bullet-list li:before{content:"—";color:var(--accent-primary);position:absolute;left:0}.loading-wrapper{justify-content:center;align-items:center;gap:var(--spacing-4);min-height:300px;color:var(--text-muted);flex-direction:column;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s ease-in-out fadeIn}.text-coral{color:var(--accent-primary)}.text-emerald{color:var(--color-stay)}.tag{border:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:2px 8px;font-size:.7rem;display:inline-block}@media (width<=900px){.form-grid,.grid-2{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.form-grid,.grid-2{grid-template-columns:1fr}.navbar{flex-direction:column;align-items:flex-start}.result-banner{align-items:flex-start;gap:var(--spacing-4);flex-direction:column}}