:root{color-scheme:dark;font:14px system-ui;background:#0b1320;color:#dfe8f5}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:232px;padding:28px 20px;background:#111e30;border-right:1px solid #28384e;position:fixed;inset:0 auto 0 0}aside h1{font-size:22px;color:#6fe5cb}aside p,small,header span{color:#93a7be}nav{display:grid;gap:6px;margin:28px 0}button{cursor:pointer;border:1px solid #344b66;background:#1a3049;color:#e4edf8;padding:9px 14px;border-radius:7px}nav button{text-align:left;background:transparent;border-color:transparent}nav button.active,button.primary{background:#176c62;border-color:#48c4ad}main{margin-left:232px;padding:28px 32px;min-width:0;flex:1}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:12px}h2{margin:7px 0;font-size:26px}section{margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:20px 0}.card{padding:20px;border:1px solid #2c3e56;border-radius:10px;background:#142235}.card strong{display:block;font-size:26px;margin-top:10px}.toolbar{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.scroll{overflow:auto;max-height:65vh;border:1px solid #283e58;border-radius:8px}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}td,th{padding:12px;text-align:left;border-bottom:1px solid #28384d;max-width:400px;overflow:hidden;text-overflow:ellipsis}th{background:#172940;position:sticky;top:0}input,select,textarea{padding:10px;background:#0c1929;color:#e4edf8;border:1px solid #3a526d;border-radius:5px;width:100%}input[type=checkbox]{width:auto}label{display:grid;gap:6px;margin:12px 0}dialog{background:#142338;color:#e4edf8;border:1px solid #45617e;border-radius:12px;width:620px;max-width:96vw;max-height:88vh}dialog::backdrop{background:#000a}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}footer{display:flex;justify-content:flex-end;gap:12px}#error,#form-error{color:#ffb9a8;white-space:pre-wrap}pre{overflow:auto;white-space:pre-wrap;background:#0b1929;padding:18px;border-radius:8px}.note{padding:14px;background:#172d42;border-radius:6px;color:#b3cadd}#login{max-width:650px;padding:28px;background:#142235;border-radius:10px}#login button{margin-top:12px}@media(max-width:800px){aside{position:static;width:170px;padding:16px}main{margin-left:0;padding:16px}header{flex-wrap:wrap}#fields{grid-template-columns:1fr}}

.filters{align-items:end}.filters label{max-width:220px;margin:0}.bar-row{display:grid;grid-template-columns:minmax(120px,250px) 1fr 60px;gap:16px;padding:8px 0;align-items:center}.bar-row span{overflow:hidden;text-overflow:ellipsis}progress{width:100%;accent-color:#57d8bc}.card{margin-bottom:12px}
.settings-card h3{margin:0}.muted{color:#93a7be}.setting-table{white-space:normal}.setting-table th:first-child{min-width:150px}.setting-table td:nth-child(2){min-width:140px}.setting-description{min-width:200px;max-width:650px;line-height:1.6}.settings-card .scroll{max-height:none}button:disabled{opacity:.45;cursor:not-allowed}#change-preview{grid-column:1/-1}#fields>.note{grid-column:1/-1}

.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card{min-width:0;margin:0}.trend{width:100%;height:auto;min-height:180px}.trend text{fill:#a9bfd5;font-size:12px}.chart-card .bar-row{grid-template-columns:minmax(95px,160px) 1fr 48px;gap:10px}.chart-card details{margin-top:12px}.chart-card summary{cursor:pointer;color:#8be2d0}@media(max-width:1100px){.chart-grid{grid-template-columns:1fr}}