: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));align-items:start;gap:14px 20px;display:grid}.upload-form>label{margin:0}.upload-form textarea{min-height:96px}.upload-form .cost-settings,.upload-form .upload-submit{grid-column:1/-1}.cost-settings{margin:8px 0}.cost-settings>summary{cursor:pointer;padding:8px 0;font-weight:700}.cost-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:12px;display:grid}.cost-grid label{margin:0}.metadata-accordion>summary{cursor:pointer;font-size:1.25rem;font-weight:700}.metadata-accordion[open]>summary{margin-bottom:16px}.icon-button{min-width:44px;min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #0067b8!important}@media (width<=700px){.upload-form,.cost-grid{grid-template-columns:1fr}}