:root{font-family:system-ui,sans-serif;color:#172033;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#12355b;color:white;display:flex;align-items:center;gap:32px;padding:22px 5%}header b{font-size:28px}header span{opacity:.8}main{max-width:1250px;margin:40px auto;padding:0 24px}h1{font-size:30px}h2{margin-top:34px;font-size:20px}p{line-height:1.6;color:#52637a}input,select,button{font:inherit;padding:11px 15px;border:1px solid #c7d1de;border-radius:7px}button{background:#12355b;color:white;cursor:pointer}input{min-width:320px}label{display:inline-flex;gap:12px;align-items:center}.toolbar{display:flex;align-items:center;gap:20px}.toolbar h1{margin-right:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}article{background:white;border:1px solid #dce5ef;border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:12px}small{color:#52637a;letter-spacing:.09em}strong{font-size:45px;color:#12355b}article span{font-size:13px;color:#52637a}.functions{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.functions article{padding:16px}.functions b{font-size:25px;color:#127d83}progress{width:100%;accent-color:#127d83}table{width:100%;border-collapse:collapse;background:white;font-size:13px}th,td{text-align:left;padding:15px;vertical-align:top;border-bottom:1px solid #dce5ef}th{background:#e9eff6}.tablewrap{overflow-x:auto;margin-top:16px}.note{font-size:12px}#trend{display:flex;align-items:flex-end;gap:12px;min-height:160px;overflow:auto}.bar{min-width:95px;text-align:center;font-size:12px}.bar div{background:#127d83;border-radius:6px 6px 0 0;color:white;padding-top:8px}.bar span{display:block;padding-top:8px}#login{max-width:750px;padding:50px 0}#message{color:#9a3412}@media(max-width:800px){.cards{grid-template-columns:1fr}.functions{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}form,label{display:flex;flex-direction:column;align-items:flex-start}input{min-width:0;width:100%}}