:root{--blue:#1553b6;--bg:#f5f7fb;--card:#fff;--txt:#1d2433;--mut:#667085;--warn:#b42318}
*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,sans-serif;background:var(--bg);color:var(--txt)}
header{background:var(--blue);color:#fff;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.4rem 1rem}
main{max-width:960px;margin:0 auto;padding:1rem}h1{font-size:1.25rem;margin:.2rem 0 1rem}h2{font-size:1rem;margin:0 0 .5rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}
.card{background:var(--card);border-radius:10px;padding:.8rem 1rem;box-shadow:0 1px 2px #0001;margin-bottom:.75rem}
.kpi b{display:block;font-size:1.5rem;color:var(--blue)}.mut{color:var(--mut)}.warn{color:var(--warn)}
ul{list-style:none;margin:0;padding:0}li{padding:.35rem 0;border-bottom:1px solid #eef0f4}li:last-child{border:0}
input,select,button{font:inherit;padding:.6rem;border-radius:8px;border:1px solid #cdd3df;width:100%;margin:.25rem 0}
button{background:var(--blue);color:#fff;border:0;cursor:pointer}.err{color:var(--warn);min-height:1.2em}
nav a{color:#fff;margin-right:.6rem;text-decoration:none}nav{display:flex;flex-wrap:wrap}.task-done{width:auto;padding:.2rem .6rem;margin-left:.5rem}
label.check input{width:auto;margin-right:.4rem}label.check{display:block;margin:.4rem 0}
a{color:var(--blue)}nav a{color:#fff}
nav{gap:.2rem .9rem}
@media (max-width:640px){header{flex-direction:column;align-items:flex-start}nav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;max-width:100%}
h1{font-size:1.1rem}main{padding:.75rem}}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.4rem .6rem;align-items:end}.filters button{grid-column:1/-1}@media(min-width:900px){.filters button{grid-column:auto}}
.row{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.3rem}.row button,.row input{width:auto;flex:1 1 120px}
button.linklike{background:none;color:var(--blue);text-decoration:underline;width:auto;padding:.2rem 0;margin:0}[aria-busy=true]{opacity:.7}button:disabled{opacity:.6;cursor:wait}
.logo{display:block;margin:0 auto .5rem;width:200px;max-width:70%;height:auto}
pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0 0;font:inherit}main{overflow-wrap:anywhere}
