body{font-family:system-ui,sans-serif;margin:0;background:#f7f7f5;color:#222}
header{background:#1f3b2d;color:#fff;padding:8px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
header h1{font-size:18px;margin:0}#nav a{color:#cfe;margin-right:12px;text-decoration:none}#nav a.on{color:#fff;font-weight:bold;border-bottom:2px solid #fc6}
#stamp{margin-left:auto;font-size:12px;opacity:.8}main{padding:12px 16px}
.subnav button{margin-right:6px;padding:6px 10px;border:1px solid #999;background:#fff;cursor:pointer}.subnav button.on{background:#1f3b2d;color:#fff}
.sel{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.sel label{font-size:12px;display:flex;flex-direction:column}select{padding:3px;max-width:340px}
table{border-collapse:collapse;font-size:12px;background:#fff}th,td{border:1px solid #ddd;padding:3px 6px;text-align:right}th{background:#eef2ee;position:sticky;top:0}td:first-child,th:first-child{text-align:left}
.wrap{overflow:auto;max-height:75vh}.charts{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px}.chart{background:#fff;height:300px}
.neg{color:#b00}.pos{color:#070}.note{font-size:12px;color:#666}button.dash-update-btn{padding:8px 14px;background:#1f3b2d;color:#fff;border:0;cursor:pointer}
.dl{margin-left:10px;padding:3px 8px;font-size:12px;cursor:pointer}
.drill{cursor:pointer}td.drill:hover,th.drill:hover{background:#fff6d6}.kpis{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.kpi{background:#fff;border:1px solid #ddd;padding:8px 12px;min-width:170px}.kv{font-size:20px;font-weight:bold}
.units{float:right;font-size:12px}.units button{padding:3px 8px;margin-left:3px}.units button.on{background:#c60;color:#fff;border-color:#c60}
.native{color:#aaa;font-style:italic}