:root{color:#24313d;background:#f3f1ec;font-family:Inter,system-ui}*{box-sizing:border-box}body{background:#f3f1ec;margin:0}.app-width,main{max-width:1200px;margin:auto}main{padding:24px}.navbar-brand{text-decoration:none;color:#fff!important}.lang{width:auto;min-width:130px}.card,.stat{background:#fff;border:1px solid #dedbd2;border-radius:14px;margin-bottom:18px;padding:20px;box-shadow:0 2px 8px #2637460c}h2{margin:0 0 16px}label{margin:10px 0;font-size:13px;font-weight:650;display:block}input,select,textarea{background:#fff;border:1px solid #c9c7c0;border-radius:8px;width:100%;margin-top:5px;padding:10px;display:block}textarea{min-height:70px}.upload-info{background:#edf6f2;border-radius:10px;margin-bottom:18px;padding:14px}.upload-info p{margin:5px 0 0}.row{color:#263746;text-align:start;background:0 0;border:0;border-top:1px solid #eee;width:100%;padding:12px;display:block}.row span{color:#71808c;font-size:12px;display:block}.row .comment{color:#44515b;margin-top:5px;font-size:14px}.hero,.tools,.pager{justify-content:space-between;align-items:center;gap:10px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat span,.breakdown span{color:#697986;font-size:12px}.stat strong,.breakdown strong{margin-top:5px;display:block}.breakdown{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.breakdown div{background:#f6f7f5;border-radius:8px;padding:12px}.chart{height:420px}.smallchart{height:320px}.overviewchart{height:620px}.toggle{align-items:center;gap:8px;display:flex}.toggle input{width:auto;margin:0}.metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metadata div{overflow-wrap:anywhere;background:#f7f7f5;border-radius:8px;padding:10px}.metadata dt{color:#697986;font-size:12px}.metadata dd{margin:4px 0 0}.chart-tip{background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0002}.muted{color:#697986}.overlay{color:#fff;z-index:99;background:#102433aa;place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.spinner{border:6px solid #fff5;border-top-color:#fff;border-radius:50%;width:52px;height:52px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.traffic{align-items:center;gap:10px;margin:16px 0;display:flex}.traffic span{border-radius:50%;width:28px;height:28px;display:inline-block}.traffic.green span{background:#198754}.traffic.yellow span{background:#ffc107}.traffic.red span{background:#dc3545}[dir=rtl]{text-align:right}[dir=rtl] .navbar-nav,[dir=rtl] .tools,[dir=rtl] .hero{flex-direction:row-reverse}@media (width<=800px){.hero,.tools{flex-direction:column;align-items:stretch}.stats,.metadata{grid-template-columns:1fr}.breakdown{grid-template-columns:1fr 1fr}.chart{height:340px}}.upload-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;display:grid}.upload-form>details,.upload-form>button{grid-column:1/-1}.program-name{font-weight:700;color:#334155!important}.overview .filter,.overview input[type=search]{max-width:520px}@media (width<=700px){.upload-form{grid-template-columns:1fr}}.skip-link{z-index:200;color:#111;background:#fff;border:2px solid #111;border-radius:6px;padding:10px 14px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.metadata-card details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.metadata-card details>summary span{color:#697986;font-size:12px}.metadata-card details[open]>summary{margin-bottom:16px}.consent{background:#f8fafc;border:2px solid #697986;border-radius:10px;grid-column:1/-1;align-items:flex-start;gap:10px;padding:14px;font-size:14px;display:flex}.consent input{flex:none;width:22px;height:22px;margin:0}.consent-help{color:#56636d;grid-column:1/-1;margin:-6px 0 0;font-size:13px}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.row:focus-visible{outline-offset:3px;outline:3px solid #0b5ed7}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-meta{color:#56636d;flex-wrap:wrap;gap:8px 18px;margin:-8px 0 8px;font-size:14px;display:flex}.hero-meta span{display:inline-block}