*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#182337;font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}aside{position:fixed;width:230px;height:100vh;background:#142338;color:#fff;padding:28px 22px}aside h2{letter-spacing:2px;margin:0 0 12px}aside small{font-size:9px;color:#90a2ba}nav{margin-top:45px}nav button{display:block;width:100%;text-align:left;background:none;color:#b9c5d5;border:0;margin:9px 0;padding:14px;border-radius:8px}nav button.active{background:#2a405b;color:white}footer{position:absolute;bottom:25px;color:#92a3ba;font-size:11px;line-height:2}main{margin-left:230px;padding:0 34px 50px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;height:75px;border-bottom:1px solid #e0e6ed;color:#6a778b}.notice{background:#fff5dc;border:1px solid #f2dfb2;padding:12px 16px;margin:22px 0;color:#8b6823;font-size:12px}h1{font-size:29px;letter-spacing:-1px;margin:28px 0 8px}h3{margin:0 0 18px}.muted{color:#7b8798;line-height:1.8}.heading{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.card,.panel{background:white;border:1px solid #e3e8ef;border-radius:12px;padding:22px}.card strong{display:block;font-size:32px;margin:14px 0}.two{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin:20px 0}.tag{display:inline-block;font-size:11px;padding:5px 9px;border-radius:5px;background:#e7f5f0;color:#217b65}.tag.amber{background:#fff1d9;color:#a27422}button{cursor:pointer;border:1px solid #dce3eb;background:white;border-radius:7px;padding:9px 14px;color:inherit;font:inherit}button:hover{filter:brightness(.96)}.primary{background:#23786b;color:white;border-color:#23786b}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:16px 10px;border-bottom:1px solid #edf0f5}th{font-size:11px;color:#7c889a;font-weight:500}td small{display:block;color:#8b95a5;margin-top:7px}input,select,textarea{border:1px solid #dce3eb;border-radius:6px;padding:11px;font:inherit;background:white;max-width:100%}input:focus{outline:2px solid #86bcae}label{display:block;color:#6b7789;margin:12px 0}label input,label select{display:block;width:100%;margin-top:7px}dialog{border:0;border-radius:15px;width:480px;max-height:90vh;padding:26px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#14233888}#toast{position:fixed;bottom:25px;right:25px;background:#142338;color:white;padding:14px;border-radius:8px;display:none}.bar{height:7px;background:#edf2f6;border-radius:10px;margin:12px 0}.bar i{display:block;background:#438c7e;height:100%;border-radius:10px}.step{padding:18px 0;border-bottom:1px solid #edf0f5}.step b{color:#278574;margin-right:15px}.filters{display:flex;gap:12px;margin:24px 0}.value{font-size:32px;color:#23786b}a{color:#23786b}.scroll{overflow:auto} @media(max-width:900px){aside{width:170px;padding:20px 12px}main{margin-left:170px;padding:0 18px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media(max-width:600px){aside{position:static;width:100%;height:auto}aside small,footer{display:none}nav{display:flex;overflow:auto;margin:10px 0 0}nav button{min-width:100px}main{margin:0}.heading{align-items:flex-start;gap:10px}.grid{gap:8px}.card{padding:15px}.filters{flex-wrap:wrap}}
