:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#222a31;background:#f5f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;min-width:34px;padding:7px 10px;border:1px solid #d3d8dc;border-radius:5px;background:#fff;color:#303b42;cursor:pointer}button:hover{background:#f0f3f4}button:disabled{opacity:.5;cursor:wait}.primary{background:#19764f;color:#fff;border-color:#19764f}.primary:hover{background:#135c3e}input,select{padding:8px 10px;min-height:36px;border:1px solid #c9d0d6;border-radius:5px;background:#fff;max-width:100%;min-width:0}input:focus,select:focus{outline:2px solid #a0cfb5;outline-offset:1px}header{height:62px;padding:0 24px;background:#fff;border-bottom:1px solid #dce1e5;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brand strong{font-size:18px}.brand span{color:#6a737c;font-size:13px}.admin-layout{display:grid;grid-template-columns:192px minmax(0,1fr);min-height:calc(100vh - 62px)}nav{padding:20px 12px;background:#fff;border-right:1px solid #dce1e5;display:flex;flex-direction:column;gap:5px}nav button{justify-content:flex-start;border:0;border-radius:5px;padding:11px 14px}nav button.active{color:#166a47;background:#eaf5ee;font-weight:600}main{padding:28px;min-width:0}section{width:100%}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-title h1{font-size:22px;font-weight:650;margin:0}.section-title>span{font-size:13px;color:#64717c}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.search{display:flex;gap:7px;align-items:center}.table-scroll{overflow-x:auto;border-top:1px solid #d5dde2;border-bottom:1px solid #d5dde2;background:#fff}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:13px 12px;border-bottom:1px solid #e7ebee;text-align:left;vertical-align:middle;overflow-wrap:anywhere}th{background:#f8fafb;color:#68757f;font-weight:600;white-space:nowrap}td small{display:block;color:#84909b;font-size:11px;margin-top:5px}.actions{white-space:nowrap;min-width:96px}.actions button{margin-right:5px}.badge{display:inline-block;font-size:12px}.success{color:#147149}.danger,.error{color:#b12e3d}.pagination{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:16px;font-size:13px}.empty{padding:30px;text-align:center;color:#7b8790}.notice{background:#fff6e5;border-left:3px solid #dfa64e;padding:12px;font-size:13px;color:#705227}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-form{width:min(360px,100%);display:flex;flex-direction:column;gap:16px}.login-form h1{font-size:24px;margin:0}.login-form>p{margin:0;color:#64717c}.login-form label,.settings-form label{display:flex;flex-direction:column;gap:7px;font-size:13px}.settings-form{max-width:430px;display:flex;flex-direction:column;gap:20px}.loading{padding:60px;text-align:center;color:#64717c}@media(max-width:760px){header{padding:0 16px}.brand span{display:none}.admin-layout{display:block}nav{flex-direction:row;border-right:0;border-bottom:1px solid #dce1e5;overflow-x:auto;padding:8px}nav button{white-space:nowrap;font-size:13px;padding:8px}main{padding:20px 14px}.section-title{align-items:flex-start;flex-direction:column}table{min-width:700px}.toolbar input{max-width:200px}}