:root{--background:#f4f6f8;--foreground:#18202a;--muted:#637083;--line:#dce2ea;--panel:#ffffff;--primary:#0f766e;--primary-strong:#115e59;--accent:#2563eb;--warning:#b45309;--danger:#b91c1c}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}.shell{min-height:100vh}.topbar{justify-content:space-between;gap:24px;padding:18px 28px;background:#ffffff;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;min-width:0}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--primary);color:#ffffff;display:grid;place-items:center;font-weight:700}.brand h1{margin:0;font-size:18px;line-height:1.2}.brand p{margin:2px 0 0;color:var(--muted);font-size:13px}.status-pill{border:1px solid #b8e3dc;background:#e9fbf7;color:var(--primary-strong);padding:8px 12px;border-radius:999px;font-size:13px;white-space:nowrap}.content{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 44px}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.toolbar h2{margin:0;font-size:28px}.toolbar p{margin:6px 0 0;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap}.select-field{display:grid;grid-gap:6px;gap:6px}.select-field span{color:var(--muted);font-size:12px}.select-field select{min-width:140px;height:38px;border:1px solid var(--line);background:#ffffff;border-radius:8px;padding:0 10px;color:var(--foreground)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{margin-top:8px;font-size:26px;font-weight:700}.kpi-note{margin-top:8px;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:1.35fr .85fr;grid-gap:14px;gap:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title h3{margin:0;font-size:17px}.section-title span{color:var(--muted);font-size:13px}.bar-chart{grid-gap:12px}.bar-chart,.bar-row{display:grid;gap:12px}.bar-row{grid-template-columns:56px 1fr 92px;grid-gap:12px;align-items:center}.bar-value,.bar-year{color:var(--muted);font-size:13px}.bar-value{text-align:right}.bar-track{height:28px;background:#eef2f6;border-radius:6px;overflow:hidden}.bar-fill{height:100%;min-width:3px;background:var(--accent)}.market-list{display:grid;grid-gap:12px;gap:12px}.market-item{display:grid;grid-gap:8px;gap:8px}.market-head{display:flex;justify-content:space-between;gap:12px;font-size:14px}.share-track{height:10px;background:#eef2f6;border-radius:999px;overflow:hidden}.share-fill{height:100%;background:var(--primary)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table td,.data-table th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}.data-table th{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.data-table td:last-child,.data-table th:last-child{text-align:right}@media (max-width:900px){.toolbar,.topbar{align-items:stretch;flex-direction:column}.grid,.kpi-grid{grid-template-columns:1fr}}@media (max-width:620px){.content{width:min(100% - 24px,1180px);padding-top:20px}.kpi-value,.toolbar h2{font-size:23px}.bar-row{grid-template-columns:44px 1fr}.bar-value{grid-column:2;text-align:left}}