:root{--bg: #f6f9f8;--text: #0f2322;--muted: #5a7271;--brand: #0a7a73;--brand-dark: #043f3b;--accent: #f4c934;--panel: #ffffff;--line: #d8e5e4;--shadow: 0 10px 28px rgba(9, 48, 45, .08)}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text)}#root{width:100%}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:linear-gradient(180deg,#042c2a,#022321);color:#dceeed;display:flex;flex-direction:column;padding:18px 14px;border-right:1px solid rgba(255,255,255,.08)}.sidebar-brand{display:flex;align-items:center;gap:9px;margin-bottom:18px}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--accent);color:#0c2f2d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.sidebar-title{font-size:20px;font-weight:700;color:#fff}.sidebar-subtitle{font-size:11px;color:#9ec8c7;text-transform:uppercase;letter-spacing:.8px}.sidebar-nav{display:flex;flex-direction:column;gap:6px;margin-top:6px}.sidebar-nav a{text-decoration:none;color:#b7d6d4;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600}.sidebar-nav a:hover{background:#ffffff14;color:#fff}.sidebar-nav a.active{background:linear-gradient(90deg,#0a7a73b8,#0a7a734d);color:#fff}.sidebar-footer{margin-top:auto}.deal-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px}.deal-chip-label{font-size:11px;color:#9dc6c4}.deal-chip-value{font-size:14px;font-weight:700;color:#fff}.workspace{flex:1;min-width:0}.workspace-topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 24px}.workspace-heading{display:flex;align-items:center;gap:12px;font-size:14px;color:#4f696b}.workspace-heading strong{color:#0e2425;font-size:22px}.top-actions{display:flex;gap:10px;align-items:center}.top-select{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;color:var(--muted)}.top-select select{border:1px solid #c7dcdc;border-radius:9px;padding:8px 12px;min-width:230px;color:#163133;background:#fff;font-weight:600}.ghost-btn{margin-top:16px;border:1px solid #c3d8d7;background:#fff;color:#114f4d;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer}.container{padding:24px;max-width:1420px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:var(--shadow)}h2,h3{font-size:30px;letter-spacing:-.3px;margin-top:0;margin-bottom:10px}h3{font-size:24px}.grid{display:grid;gap:12px;margin-bottom:12px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:5px}input{border:1px solid #c6dad9;border-radius:10px;padding:9px 11px;font-size:14px}select{border:1px solid #c6dad9;border-radius:10px;padding:8px 11px;font-size:14px;background:#fff;color:#163133}button{background:linear-gradient(180deg,#0b7f78,#075e58);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;margin-right:8px}button:hover{filter:brightness(.97)}.ghost-btn{margin-top:16px;border:1px solid #c3d8d7;background:#fff;color:#0f4f4c}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{border:1px solid #d6e6e5;border-radius:12px;padding:12px;background:#fbfdfd;border-top:2px solid var(--brand)}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:30px;letter-spacing:-.3px;font-weight:700;color:var(--brand-dark)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e6efee;padding:10px 8px;font-size:12px;text-align:left}th{background:#f3f8f8;color:#365759;font-weight:700}.scenario-row{border:1px dashed #c9dddd;border-radius:10px;padding:12px;margin-bottom:10px;background:#fafdfd}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 16px}.mode-card{margin:0;text-align:left;border:1px solid #d6e8e7;background:#fff;color:#193839;border-radius:12px;padding:14px}.mode-card.active{border-color:#1a8e87;box-shadow:0 8px 18px #084e491f}.mode-title{font-size:18px;font-weight:700}.mode-sub{margin-top:4px;font-size:12px;color:#5d7678}@media (max-width: 1200px){.app-shell{flex-direction:column}.sidebar{width:100%;padding:14px}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.workspace-topbar{height:auto;flex-direction:column;align-items:flex-start;gap:10px}.grid.four,.grid.five,.kpi-row,.mode-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}