[hidden]{display:none!important}
:root{font:15px/1.5 system-ui,Arial,sans-serif;color:#1a293b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#102944;color:#fff;padding:18px max(20px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:23px;margin:0}header small{color:#d2e0ef}nav{background:#fff;border-bottom:1px solid #d6dfe9;padding:10px max(20px,calc((100vw - 1240px)/2));display:flex;gap:7px;flex-wrap:wrap}nav button{background:#eef3f8;color:#183554}nav button.active{background:#1d5b91;color:white}main{max-width:1240px;margin:auto;padding:18px}.card{background:white;border:1px solid #dce4ef;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0c28430b}.login{max-width:450px;margin:7vh auto}h2{font-size:20px;margin:0 0 16px}h3{font-size:17px;margin:14px 0}p{margin:7px 0 12px}.muted{color:#66778d}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}label input,label select,label textarea{margin-top:5px}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid #bfccdb;border-radius:7px;background:#fff;color:inherit;font:inherit}textarea{min-height:90px;resize:vertical}input:read-only{background:#eef3f8}button{border:0;border-radius:7px;background:#1d5b91;color:#fff;padding:10px 15px;font-weight:650;cursor:pointer}button:hover{filter:brightness(.93)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#e4ecf5;color:#183554}.danger{background:#9d2830}.bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.bar label{min-width:150px;flex:1}.bar button{margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:17px;background:#fff;border:1px solid #dce4ef;border-radius:11px}.stat b{display:block;font-size:27px}.stat small{color:#62758c}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e4eaf1;padding:9px}th{background:#f5f8fc}table button{padding:6px 9px}.scroll{overflow:auto}.rate{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:15px;padding:8px;border-bottom:1px solid #e7edf4}.rate label{margin:0}.note{background:#fff6de;padding:12px;border-left:4px solid #c78c17;border-radius:6px}.notice{padding:12px;background:#e7f3fc;margin-bottom:12px;border-radius:8px}.error{background:#ffe6e6;color:#82202a}.mini{font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.leaf{border:1px solid #dce4ef;border-radius:8px;padding:9px;margin:7px 0}.leaf .grid{align-items:end}@media(max-width:820px){.grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rate{grid-template-columns:1fr}}@media(max-width:520px){.grid,.grid.two,.stats{grid-template-columns:1fr}header{display:block}}