*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#24364a;font:14px/1.6 "Segoe UI","Microsoft YaHei",sans-serif}main{max-width:1100px;margin:48px auto;padding:0 24px}header{display:flex;align-items:center;gap:14px;margin-bottom:36px}h1{font-size:25px;margin:0}h1 small{font-size:14px;color:#60758a;margin-left:10px;font-weight:400}header p{margin:2px 0 0;color:#60758a}header>button{margin-left:auto}.panel{border:1px solid #dce5ee;background:white;border-radius:16px;padding:24px}form{max-width:420px;margin:64px auto}h2{font-size:18px;margin:0 0 20px}label{display:block;margin:16px 0}input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #9baec1;border-radius:8px;font:inherit}button{padding:10px 14px;border:1px solid #bdcedd;border-radius:8px;background:white;color:#245d7d;cursor:pointer;font:inherit}button:hover{background:#e6f0f7}button:disabled{opacity:.5;cursor:wait}.primary{background:#245d7d;color:white;width:100%}.primary:hover{background:#194761}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.toolbar h2{margin:0}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:16px 20px;border-bottom:1px solid #e3ebf2}th{background:#eef4f8;color:#60758a;font-weight:500}td button{margin:3px;padding:6px 10px}#notice{padding:14px 18px;border-radius:10px;border:1px solid #b6cfdf;background:#e6f0f7;color:#194761}.state{padding:3px 9px;border-radius:6px;background:#e6f0f7}.state.pending{background:#fff1d3;color:#785518}.state.disabled,.state.rejected{background:#fff0ed;color:#a4362c}[hidden]{display:none!important}:focus-visible{outline:3px solid #3c7da4;outline-offset:3px}@media(max-width:600px){main{margin-top:24px;padding:0 16px}header{gap:10px}h1{font-size:22px}h1 small{display:block;margin:0}header p{display:none}th,td{padding:12px}}