:root{color-scheme:light;--ink:#15263b;--muted:#53677c;--line:#dae4ec;--surface:#fff;--canvas:#f2f6fa;--nav:#0b1b2c;--accent:#007b78;--mint:#59e5d0;font-family:"Inter","Instrument Sans",system-ui,sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);min-height:100vh}[hidden]{display:none!important}button,input,select{font:inherit}button,select,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #288fba;outline-offset:3px}
.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--nav);color:#e5f4ff;display:flex;flex-direction:column;padding:28px 19px;z-index:2}.brand{display:flex;align-items:center;gap:12px;margin:0 8px 41px;text-decoration:none;color:white;font-weight:750;font-size:22px;line-height:1.1}.brand small,.sidebar-foot small{display:block;color:#a8b9cb;font-size:11px;font-weight:450;margin-top:6px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#123d42;color:var(--mint);border:1px solid #286066;border-radius:12px;font-size:23px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;gap:11px;align-items:center;text-align:left;border:0;background:transparent;color:#b9cbdd;padding:12px 13px;border-radius:9px;font-size:14px}.sidebar nav button[aria-current=page],.sidebar nav button:hover{color:var(--mint);background:#143246}.sidebar nav button:disabled{opacity:.48;cursor:default}.sidebar nav span{font-size:18px;line-height:1}.sidebar-foot{margin-top:auto;padding:16px 8px 0;border-top:1px solid #294051;font-size:12px}.sidebar-foot small{padding-left:13px}.dot{display:inline-block;background:#58e2cc;width:7px;height:7px;border-radius:50%;margin-right:5px}
main{margin-left:230px;padding:0 clamp(20px,3vw,46px);max-width:1700px}.mast{height:67px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-weight:600;font-size:13px}.hero{position:relative;overflow:hidden;min-height:180px;display:flex;align-items:center;padding:30px 36px;border-radius:18px;background:linear-gradient(110deg,#10253d 20%,#12424d 100%);color:#f5fcff;margin-bottom:24px}.hero>div:first-child{position:relative;z-index:1}.hero h1{font-size:clamp(34px,4.4vw,57px);line-height:1.02;letter-spacing:-.055em;margin:8px 0 11px}.hero p{margin:0;color:#ccdee8}.hero .overline{color:#7aead8;font-size:11px;letter-spacing:.2em;font-weight:750}.hero-visual{position:absolute;inset:auto 24px 18px auto;width:min(32%,360px);height:80%;display:flex;align-items:end;gap:6px;mask-image:linear-gradient(90deg,transparent,black 35%);background:repeating-linear-gradient(0deg,transparent 0 26px,#70cfc51c 27px 28px)}.hero-visual i{flex:1;height:28%;border-radius:5px 5px 0 0;background:linear-gradient(#72e9d785,#3d909a12);border-top:1px solid #9aead782}.hero-visual i:nth-child(3n){height:47%}.hero-visual i:nth-child(4n){height:68%}.hero-visual i:nth-child(7),.hero-visual i:nth-child(11){height:84%}.hero-visual i:nth-child(10){height:64%}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 2px 3px #172b4306}.filters,.analysis,.data-panel,.methodology,.gate{padding:23px 25px}.gate{max-width:680px;padding:28px 30px}.gate-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#dbf3ef;color:#00746d;font-size:24px;margin-bottom:14px}.gate h2,.section-head h2{margin:0;font-size:21px;letter-spacing:-.025em}.gate>p,.section-head p,.data-panel p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.5}.gate form{margin-top:22px}.unlock-row{display:flex;gap:10px;margin-top:5px}.unlock-row input{flex:1;min-width:100px}.button{border-radius:8px;padding:9px 13px;font-weight:680;font-size:13px;white-space:nowrap;border:1px solid transparent}.button:disabled{opacity:.58;cursor:wait}.primary{background:#007873;color:white}.primary:hover{background:#00635f}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.secondary:hover{background:#eff6fa}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.filter-grid{display:grid;gap:12px}.times{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px;max-width:610px}.facets{grid-template-columns:repeat(5,minmax(0,1fr))}label{display:block;font-size:12px;font-weight:680;color:#344b61}input,select{border:1px solid #cbd8e4;background:#fbfdff;color:var(--ink);border-radius:8px;padding:9px 10px;min-width:0;max-width:100%}label input,label select{display:block;width:100%;margin-top:5px}.status{color:#9b470c;min-height:0;margin:9px 0 0;font-size:13px}.status:empty{display:none}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric{padding:17px;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.metric-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:18px;font-weight:750;margin-bottom:3px}.teal{background:#daf3ef;color:#007971}.blue{background:#e2f0fd;color:#1c64a3}.purple{background:#eee8ff;color:#6b4ea3}.orange{background:#fff1df;color:#9a5910}.metric>span:nth-child(2){font-size:12px;color:var(--muted);font-weight:650}.metric strong{font-size:clamp(24px,3vw,39px);letter-spacing:-.055em;line-height:1.1}.metric small{font-size:11px;color:var(--muted)}
.segmented{display:flex;background:#edf3f7;padding:3px;border-radius:9px;gap:3px}.segmented button{border:0;background:transparent;border-radius:7px;padding:7px 13px;color:var(--muted);font-size:13px;font-weight:650}.segmented button[aria-pressed=true]{background:white;color:#006f6a;box-shadow:0 1px 4px #142c451f}.chart-heading{display:flex;gap:12px;margin:0 0 8px}.chart-heading select{padding:6px 10px}.chart-heading label:first-child{min-width:160px}#chart-overflow{overflow:auto}canvas{display:block;width:100%;height:245px}.shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.shift-grid article{padding:12px;background:#f1f7f9;border-radius:9px}.shift-grid h3{font-size:14px;margin:0 0 5px}.shift-grid p{font-size:12px;color:var(--muted);margin:0}.table-wrap{overflow:auto;max-height:440px;margin:9px 0 19px}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th,td{padding:9px 12px;text-align:right;border-bottom:1px solid #e1e9ef}th{position:sticky;top:0;background:#f1f6fa;color:#344b61}th:first-child,td:first-child{text-align:left}#table-view h3{font-size:15px;margin:12px 0 0}.methodology{margin-top:16px;color:var(--muted);font-size:13px;line-height:1.55}.methodology summary,.password-settings summary{font-weight:700;color:var(--ink)}.methodology li{margin-block:5px}.data-panel form:not(#unlock-form){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.password-settings{margin-top:24px;font-size:13px}footer{color:var(--muted);padding:24px 0;font-size:11px}footer span{margin:0 5px}
@media(max-width:1100px){.facets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{width:175px;padding:22px 12px}main{margin-left:175px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.sidebar{position:static;width:auto;display:flex;flex-direction:row;align-items:center;padding:10px;gap:8px;justify-content:space-between}.brand{font-size:17px;gap:5px;margin:0}.brand small,.sidebar-foot{display:none}.brand-mark{width:30px;height:30px;font-size:16px;border-radius:8px}.sidebar nav{display:flex;gap:2px}.sidebar nav button{padding:7px;font-size:11px;gap:4px}.sidebar nav span{font-size:12px}main{margin:0;padding:0 12px}.mast{height:48px}.hero{min-height:133px;padding:18px;margin-bottom:14px}.filters,.analysis,.data-panel,.gate,.methodology{padding:15px}.facets,.times{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:8px;margin:12px 0}.metric{padding:11px}.section-head{gap:8px}.section-head h2{font-size:18px}.button{padding:7px 8px}.segmented button{padding:6px 7px}}

.period-choice{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:13px;max-width:610px}
input:disabled{background:#eef3f7;color:#485e71;opacity:1}
.coverage{background:#fff5e6;color:#75400a;border:1px solid #f7dfb7;border-radius:8px;padding:8px 11px;font-size:12px}

.shift-filter{width:min(100%,299px);margin-bottom:14px}
.chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0;color:var(--muted);font-size:12px}
.chart-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:#007873}
.chart-legend .night::before{background:#6153a5}