:root{--ink:#1f2937;--muted:#6b7280;--orange:#e96b2c;--pale:#fff4ed;--line:#e5e7eb;--bg:#f8fafc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Malgun Gothic",sans-serif}.shell{max-width:1180px;margin:auto;padding:48px 24px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:3px solid var(--orange);padding-bottom:26px}.eyebrow,.kicker{margin:0 0 8px;font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--orange)}h1{font-size:38px;margin:0 0 12px;letter-spacing:-.04em}h2{font-size:22px;margin:0;letter-spacing:-.03em}.subtitle,.unit,small,footer{color:var(--muted)}.subtitle{margin:0}.status{font-size:14px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;white-space:nowrap}.status span{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.metrics article{padding:20px}.metrics p{font-size:14px;color:var(--muted);margin:0 0 10px}.metrics strong{font-size:23px;display:block;letter-spacing:-.04em}.metrics small{display:block;margin-top:7px}.accent{color:var(--orange)}.grid{display:grid;gap:18px;margin-top:18px}.two{grid-template-columns:1.25fr .75fr}.panel{padding:24px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.badge{font-size:12px;background:var(--pale);color:var(--orange);padding:7px 10px;border-radius:99px}.bar-chart{height:280px;display:flex;align-items:flex-end;gap:22px;border-bottom:1px solid var(--line);padding:0 18px 0 48px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 69px,#edf0f2 70px)}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:9px;position:relative;padding-bottom:30px}.bar{width:28px;border-radius:6px 6px 0 0;position:relative}.bar span{position:absolute;top:-24px;font-size:11px;left:50%;transform:translateX(-50%)}.actual{background:var(--orange)}.plan{background:#c9cdd3}.bar-label{position:absolute;bottom:6px;font-size:13px;white-space:nowrap}.insights{padding:0;margin:22px 0 0;list-style:none}.insights li{padding:15px 0;border-top:1px solid var(--line);line-height:1.55}.insights b{color:var(--orange)}.table-panel{margin-top:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{background:var(--ink);color:#fff;padding:14px;text-align:left;font-size:14px}th:not(:first-child),td:not(:first-child){text-align:right}td{padding:15px 14px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}tbody tr:nth-child(even){background:#fafafa}tbody tr:last-child{background:var(--pale);font-weight:700}.actions div{padding:17px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.actions div:first-of-type{margin-top:18px}.actions span{color:var(--muted);font-size:14px}svg{width:100%;height:auto}.axis{stroke:#dfe3e6}.trend{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.area{fill:#fff0e8}.point{fill:var(--orange)}.tick{fill:var(--muted);font-size:12px}footer{margin:34px 0 0;font-size:12px;text-align:center}@media(max-width:760px){.shell{padding:28px 16px}.topbar{display:block}.status{display:inline-block;margin-top:18px}.metrics,.two{grid-template-columns:1fr}h1{font-size:31px}.metrics strong{font-size:21px}.panel{padding:18px}.bar-chart{height:240px;gap:7px;padding-left:28px}}