:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#203340;background:#f3f6f8;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:84px;background:#0d252e;color:white;padding:20px 4%;display:flex;align-items:center;justify-content:space-between}header b{font-size:25px}header span{display:block;font-size:12px;color:#b0c9cf;margin-top:5px}main{max-width:1450px;margin:32px auto;padding:0 28px}h1{font-size:28px;margin:0 0 10px}h2{font-size:19px;margin:0 0 20px}p{line-height:1.7;color:#627985}section{background:white;border:1px solid #dee7eb;border-radius:14px;padding:26px;margin-bottom:24px;box-shadow:0 4px 16px #173c4810}.login{max-width:480px;margin:70px auto}.eyebrow{color:#00876e;font-weight:700}label{display:block;margin-bottom:16px}input,select{font:inherit;color:inherit;border:1px solid #c5d6df;border-radius:8px;background:#fbfdfe;padding:11px;margin-top:7px;max-width:100%}input{display:block;width:100%}input:focus,select:focus{outline:2px solid #22b49b;outline-offset:2px}button,.button{font:inherit;border:1px solid #bfd3db;border-radius:8px;background:white;color:#183f4b;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#e6f4f0}.primary{background:#008d72;color:white;border-color:#008d72}.primary:hover{background:#006e59}button:disabled{opacity:.5;cursor:wait}.login button{width:100%;margin-top:8px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.heading h2{margin:0}.heading select{margin:0 10px 0 0}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;background:transparent;padding:0;border:0;box-shadow:none}.metric{padding:22px;background:#fff;border:1px solid #dee7eb;border-radius:12px}.metric b{display:block;font-size:25px;color:#087c68;margin-top:10px}.metric small{color:#647b84}.inline{display:flex;gap:15px;align-items:end}.inline label{margin:0;flex:1}.inline button{margin-bottom:1px}.table-wrap{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:12px;color:#637e89;background:#f5f8fa}td,th{padding:13px 12px;border-bottom:1px solid #edf1f3}td{font-size:13px}td small{display:block;color:#79909a;margin-top:4px}.row-actions{display:flex;gap:6px}.row-actions button{font-size:12px;padding:7px 9px}.pill{padding:4px 8px;border-radius:6px;background:#e3f6f0;color:#06725c}.bad{background:#fff0ea;color:#a64e2b}#notice,#action-error{color:#a74432}.hint{font-size:12px}dialog{border:1px solid #cfdee4;border-radius:16px;padding:28px;width:440px;color:#203340;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#102c3ca0}.actions{display:flex;gap:10px;justify-content:end}footer{text-align:center;padding:24px;color:#849ba5;font-size:12px}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.inline,.heading{flex-wrap:wrap}.inline label{min-width:180px}}