:root{font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;color:#17243b;background:#f2f4f8;font-size:14px;--blue:#3155c6;--line:#e2e7ef;--muted:#58677d;font-variant-numeric:tabular-nums}
*{box-sizing:border-box}body{margin:0}::selection{background:#dce6ff}button,input,select,textarea{font:inherit;border:1px solid #bfc9da;border-radius:6px;background:#fff;color:inherit;min-height:36px;padding:7px 11px}input,textarea{caret-color:var(--blue)}button{cursor:pointer;font-weight:600;white-space:nowrap}button:hover{background:#edf1fa;border-color:#a4b4d1}button:active{background:#dce6fb}button:disabled{cursor:default;color:#66758b;background:#eef1f6;border-color:var(--line)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.primary{color:white;background:var(--blue);border-color:var(--blue)}.primary:hover{color:white;background:#2546b0}.primary:disabled{color:#68758b;background:#e3e8f2;border-color:#d3dbe8}header{height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:18px}.brand span{color:var(--muted);border-left:1px solid var(--line);padding-left:14px;margin-left:4px}main{max-width:1320px;margin:0 auto;padding:30px 32px 48px}h1{font-size:24px;margin:0 0 8px;line-height:1.4}h2{font-size:17px;margin:0 0 4px}p{line-height:1.6;margin:8px 0}.muted{color:var(--muted);font-size:13px}.login{max-width:430px;margin:80px auto;background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.login form{display:flex;flex-direction:column;gap:10px;margin-top:28px}.login button{margin-top:8px}label{font-size:13px;display:flex;flex-direction:column;gap:7px}.heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading{margin-bottom:22px}.heading p{margin-bottom:0}.form-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:20px}.section-heading{margin-bottom:18px}.fields{display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:16px}.fields .wide{grid-column:1/-1}.fields:has(#custom-days-label:not([hidden])){grid-template-columns:2fr 1.2fr 1fr 1fr}input,select{min-width:0;width:100%}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.filters{display:flex;gap:10px;align-items:end;margin:22px 0 14px}.search{flex:1;max-width:520px}.filters select{min-width:130px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:white}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-weight:500;font-size:12px;color:var(--muted);background:#f8f9fc;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #edf0f5;vertical-align:middle;font-size:13px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfe}td strong{display:block;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis}td small{display:block;color:var(--muted);margin-top:5px;max-width:240px;overflow:hidden;text-overflow:ellipsis}td .device{font-family:Consolas,monospace;font-size:11px;white-space:normal;width:178px;overflow-wrap:anywhere}td button{min-height:29px;font-size:12px;padding:4px 7px;margin:2px 3px 2px 0}.danger{color:#a52d36}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#425570}.badge:before{content:"";width:6px;height:6px;background:#7f8a9c;border-radius:50%}.badge.active{color:#146446}.badge.active:before{background:#278365}.badge.disabled,.badge.expired{color:#9e313d}.badge.disabled:before,.badge.expired:before{background:#b74351}.pager{display:flex;justify-content:space-between;align-items:center;margin:14px 0 28px}.pager>div{display:flex;align-items:center;gap:14px}.empty{padding:28px;text-align:center;color:var(--muted)}summary{cursor:pointer;font-weight:600;padding:12px 0}details table{white-space:normal}details td{overflow-wrap:anywhere;max-width:400px}textarea{width:100%;resize:vertical;line-height:1.7;font-family:Consolas,monospace;margin:8px 0}#notice{padding:12px 16px;background:#e8efff;color:#2247a4;border:1px solid #cbd9fa;border-radius:6px;margin-bottom:20px;overflow-wrap:anywhere}#notice.error{background:#fff0f0;color:#9d2534;border-color:#ebc6cb}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--line);border-radius:12px;padding:26px;color:inherit}dialog::backdrop{background:rgba(23,36,59,.3)}dialog p{white-space:pre-line;color:var(--muted);margin:15px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 18px;height:60px}.brand{gap:8px}.brand strong{font-size:16px}.brand span{font-size:12px}main{padding:22px 16px}.heading{align-items:flex-start}h1{font-size:21px}.filters{flex-wrap:wrap}.search{flex-basis:100%;max-width:none}.fields,.fields:has(#custom-days-label:not([hidden])){grid-template-columns:1fr 1fr}.form-actions{align-items:flex-start;flex-direction:column}.form-actions button{width:100%}.section-heading{align-items:flex-start;flex-wrap:wrap}.login{margin:40px auto;padding:24px}.pager{gap:12px}.pager button{font-size:12px}}