*{box-sizing:border-box}body{margin:0;background:#f4f6f5;color:#20302e;font:14px 'Microsoft Yahei',sans-serif}header{background:#173e3a;color:white;padding:16px 4%;display:flex;align-items:center;justify-content:space-between}header strong{font-size:19px}main{max-width:1500px;margin:28px auto;padding:0 24px}h1{font-size:24px;margin:0 0 6px}h2{font-size:18px}p{color:#61716d}button{background:#176a5a;color:white;border:0;border-radius:4px;padding:10px 15px;cursor:pointer;font:inherit}button.secondary{background:white;color:#24574e;border:1px solid #9fb7b1}button.danger{background:#a24136}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #db9b39;outline-offset:2px}input,select,textarea{width:100%;padding:10px;border:1px solid #bfcac7;border-radius:4px;font:inherit;background:white}label{display:block;color:#465a55;font-size:13px}label input,label select,label textarea{display:block;margin-top:6px;color:#20302e}.login{max-width:400px;margin:12vh auto;background:white;padding:30px;border:1px solid #dce4e1}.login label{margin:15px 0}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:24px 0 14px}.toolbar input{max-width:340px}.table{overflow:auto;background:white;border:1px solid #dce4e1}table{border-collapse:collapse;min-width:1050px;width:100%;text-align:left}th,td{padding:14px 12px;border-bottom:1px solid #e6ece9;vertical-align:top}th{font-weight:600;color:#536b64;background:#f8faf9}td button{padding:5px 9px}.tag{color:#186456;background:#e7f4ef;padding:4px 7px;border-radius:3px}.muted{color:#6d7f79}.overlay{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;padding:15px}.dialog{background:white;border-radius:5px;width:min(760px,100%);max-height:92vh;overflow:auto;padding:24px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.error{color:#ab3329;min-height:20px}.userbar{display:flex;gap:8px;align-items:center}.userbar button{background:transparent;border:1px solid #92b2aa}@media(max-width:600px){main{padding:0 14px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}header{gap:12px;align-items:flex-start}.userbar{flex-wrap:wrap}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{max-width:none}}
