:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#172c41;background:#f3f6f9;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#176b60;color:white;border:0;border-radius:7px;padding:10px 16px}button.secondary{background:#e9f0ef;color:#176b60}input,select{padding:10px;border:1px solid #d4dfe8;border-radius:6px;width:100%;background:white}label{display:block;font-size:12px;color:#536779}label input,label select{margin-top:7px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#132c35;color:#d1e2e5;padding:28px 18px;position:sticky;top:0;height:100vh}.brand{font-size:23px;font-weight:700;color:white}.subtitle{font-size:11px;color:#8eafb6;margin:8px 0 30px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{text-align:left;background:transparent;color:#b6cbd0;padding:12px}.nav button.active{background:#27524f;color:white}.aside-bottom{position:absolute;bottom:24px;font-size:12px;color:#9ab6bc}main{padding:30px 34px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:26px;margin:0 0 7px}h2{font-size:17px;margin:0 0 17px}.muted{color:#718398;font-size:12px}.tag{display:inline-block;font-size:11px;background:#e8f5ed;color:#267151;padding:5px 8px;border-radius:5px}.warning{background:#fff4df;border:1px solid #efdcb5;color:#805b20;padding:12px 16px;border-radius:8px;margin-bottom:20px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.card,.panel{background:white;border:1px solid #e1e8ee;border-radius:12px;padding:22px;box-shadow:0 3px 10px #22334403}.card strong{display:block;font-size:29px;margin:12px 0}.card small{color:#8294a6}.grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.panel{margin-bottom:20px}.table-wrap{overflow:auto;max-height:520px}table{border-collapse:collapse;width:100%;white-space:nowrap}th{background:#f5f8fa;text-align:left;font-size:12px;font-weight:500;color:#718499;position:sticky;top:0}th,td{padding:13px 12px;border-bottom:1px solid #edf1f5}td{font-size:12px}tr:hover td{background:#f9fbfc}.empty{padding:38px;text-align:center;color:#91a0ad}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.toolbar{display:flex;gap:10px;align-items:center;margin:0 0 18px}.toolbar input{max-width:320px}.pill{background:#eaf4f0;color:#377862;font-size:11px;padding:4px 7px;border-radius:4px}.bad{color:#bd6c33}.flow{display:flex;gap:12px;flex-wrap:wrap}.flow span{border:1px solid #dfebe7;border-radius:8px;padding:13px 20px;background:#f7fbf9}.login{max-width:420px;margin:12vh auto}.login label{margin:20px 0}.login button{width:100%;margin-top:10px}.login .brand{color:#183f43}#toast{position:fixed;right:25px;bottom:25px;background:#153f3b;color:white;padding:16px 22px;border-radius:9px;display:none;max-width:450px;z-index:5}input[type=checkbox]{width:16px}.summary-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f4}@media(max-width:1000px){.shell{grid-template-columns:170px 1fr}main{padding:24px 18px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell{display:block}aside{height:auto;position:static}.nav{flex-direction:row;flex-wrap:wrap}.aside-bottom,.subtitle{display:none}.form-grid{grid-template-columns:1fr}.cards{gap:10px}.card{padding:15px}.card strong{font-size:23px}}
:root aside{display:flex;flex-direction:column}:root .nav{overflow-y:auto;min-height:0;flex:1}:root .aside-bottom{position:static;margin-top:18px;padding-top:14px;border-top:1px solid #2a4951}:root .subtitle{margin-bottom:20px}