@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-app:#0f1117;--bg-sidebar:#111318;--bg-card:#1a1d27;--bg-card-hover:#1f2333;--bg-input:#0f1117;--border:#2a2d3e;--border-light:#1e2130;--text-primary:#e8eaf0;--text-secondary:#7c8099;--text-muted:#4a4f6b;--text-inverse:#0f1117;--accent:#6c63ff;--accent-dim:rgba(108,99,255,.15);--accent-hover:#7b74ff;--green:#10b981;--green-dim:rgba(16,185,129,.12);--red:#ef4444;--red-dim:rgba(239,68,68,.12);--amber:#f59e0b;--amber-dim:rgba(245,158,11,.12);--blue:#3b82f6;--blue-dim:rgba(59,130,246,.12);--sidebar-width:240px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 1px 3px rgba(0,0,0,.4),0 0 0 1px var(--border);--shadow-elevated:0 4px 24px rgba(0,0,0,.5),0 0 0 1px var(--border)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden}.page{padding:32px;max-width:1400px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card,.card-sm{background:var(--bg-card)}.card-sm{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:border-color .15s,background .15s}.kpi-card:hover{border-color:var(--accent);background:var(--bg-card-hover)}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.kpi-value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-sub{font-size:12px;color:var(--text-secondary);margin-top:4px}.breakeven-tooltip{display:none;bottom:calc(100% + 8px);background:var(--bg-elevated,#1e2130);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:12px;color:var(--text-primary);white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.4)}.breakeven-tooltip,.breakeven-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.breakeven-tooltip:after{content:"";top:100%;border:6px solid transparent;border-top:6px solid var(--border)}.kpi-card:hover .breakeven-tooltip{display:block}.kpi-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;margin-top:6px}.kpi-badge.positive{background:var(--green-dim);color:var(--green)}.kpi-badge.negative{background:var(--red-dim);color:var(--red)}.kpi-badge.neutral{background:var(--amber-dim);color:var(--amber)}.page-header{margin-bottom:28px}.page-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--text-secondary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s;font-family:var(--font-sans);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid transparent}.btn-danger:hover{border-color:var(--red)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-app)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table tr:hover td{background:var(--bg-card-hover)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-high{background:var(--red-dim);color:var(--red)}.badge-medium{background:var(--amber-dim);color:var(--amber)}.badge-low{background:var(--green-dim);color:var(--green)}.badge-info{background:var(--blue-dim);color:var(--blue)}.badge-neutral{background:rgba(124,128,153,.12);color:var(--text-secondary)}.score-ring{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:13px;font-weight:700}.score-ring.excellent{background:var(--green-dim);color:var(--green);border:2px solid var(--green)}.score-ring.strong{background:var(--blue-dim);color:var(--blue);border:2px solid var(--blue)}.score-ring.moderate{background:var(--amber-dim);color:var(--amber);border:2px solid var(--amber)}.score-ring.high-risk{background:var(--red-dim);color:var(--red);border:2px solid var(--red)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;color:var(--text-primary);font-family:var(--font-sans);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:24px 0}.empty-state{text-align:center;padding:64px 32px;color:var(--text-secondary)}.empty-state-icon{font-size:40px;margin-bottom:16px;opacity:.4}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-desc{font-size:13px;color:var(--text-secondary)}.mono{font-family:var(--font-mono);font-size:12px}.positive{color:var(--green)}.negative{color:var(--red)}.neutral-val{color:var(--text-secondary)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.recharts-text{fill:var(--text-secondary)!important;font-size:11px!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important}@media (max-width:768px){:root{--sidebar-width:0px}.main-content{margin-left:0}.page{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}@media (max-width:375px){.kpi-grid{grid-template-columns:1fr}}