*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#142a42;font:14px/1.55 Arial,sans-serif;--surface:white;--line:#dce3eb;--muted:#526477}body.dark{background:#101c2a;color:#e8eef4;--surface:#192a3e;--line:#344458;--muted:#b0bfd0}header{display:flex;gap:16px;align-items:center;padding:18px 4%;border-bottom:1px solid var(--line);background:var(--surface)}header a{font-family:Georgia,serif;font-size:20px;color:inherit;text-decoration:none}header span{margin-left:auto;color:var(--muted);font-size:12px}button,select,input{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit;min-height:40px}button{cursor:pointer}button:hover{border-color:#5c7fa4}main{max-width:1300px;margin:auto;padding:28px 4%}.intro p:first-child{font-size:11px;letter-spacing:2px;color:#8a682c}h1{font:38px/1.2 Georgia,serif;margin:12px 0}h2{font-size:17px;margin:0}.intro p{color:var(--muted)}nav{display:flex;gap:8px;overflow:auto;margin:24px 0}nav button{white-space:nowrap;border-radius:24px}nav button[aria-pressed=true]{background:#142a42;color:white}form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:flex;flex-direction:column;gap:5px;font-size:12px}label select{min-width:125px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.kpi,.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.kpi span{font-size:12px;color:var(--muted)}.kpi strong{display:block;font-size:24px;line-height:1.5}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart{height:230px;display:flex;align-items:stretch;gap:3px;overflow-x:auto;padding-top:25px;margin-top:10px}.bar{flex:1;min-width:8px;display:flex;align-items:end;position:relative;border:0;padding:0;background:transparent}.bar i{display:block;background:#385e82;width:100%;min-height:2px;border-radius:3px 3px 0 0}.bar:hover i,.bar:focus i{background:#9b793f}#signal,#context{color:var(--muted);font-size:13px}.table-wrap{overflow:auto;margin:20px 0;background:var(--surface);border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}td,th{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}th button{border:0;padding:0;font-weight:bold}.open-demo{display:none;color:inherit}:focus-visible{outline:3px solid #7a9dbf;outline-offset:3px}.embed header,.embed .intro,.embed #filters,.embed #status,.embed .table-wrap,.embed #context,.embed #export{display:none}.embed main{padding:16px}.embed nav{margin:0 0 12px}.embed nav button:nth-child(n+3){display:none}.embed .kpis{gap:8px;margin:10px 0;grid-template-columns:repeat(3,1fr)}.embed .kpi:last-child{display:none}.embed .kpi{padding:10px}.embed .kpi strong{font-size:16px}.embed .chart{height:100px;padding-top:0}.embed .chart-card{padding:12px}.embed .chart-head h2{font-size:12px}.embed #signal{margin:6px 0}.embed .open-demo{display:block;margin-top:8px;font-size:12px}@media(max-width:700px){.kpis{grid-template-columns:repeat(2,1fr)}h1{font-size:29px}header{gap:8px}header a{font-size:16px}header span{font-size:10px}.kpi strong{font-size:21px}form label{flex:1 1 40%}input,select{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.embed #pagination{display:none}#pagination{display:flex;gap:12px;align-items:center}button:disabled{opacity:.4;cursor:default}
header select{width:auto;flex:0 0 auto}header button{flex:0 0 auto}.kpi{min-width:0}.kpi strong{overflow-wrap:anywhere}@media(max-width:700px){.kpi{padding:14px}.kpi strong{font-size:18px}header a{max-width:135px}header{padding:14px 16px}}