:root{--ink-900:#101214;--ink-700:#21262e;--ink-500:#30353b;--slate-400:#69717b;--slate-300:#98a1ab;--line:#d9e0e7;--line-soft:#e8edf1;--paper:#f8fafb;--sunken:#f5f8f7;--white:#fff;--blue:#13514c;--blue-700:#0d3d39;--blue-100:#e2efec;--mint-700:#2f9e7c;--mint-100:#e2f6ee;--amber-700:#a9760f;--amber-100:#faf0d8;--amber-line:#ecd9a8;--coral-700:#b34a3f;--coral-100:#fae6e2;--shadow-sm:0 1px 2px rgba(16,18,20,.04), 0 1px 3px rgba(16,18,20,.06);--shadow-md:0 2px 8px rgba(16,18,20,.06), 0 10px 28px rgba(16,18,20,.05);--radius:10px;--radius-sm:7px;font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,-apple-system,system-ui,sans-serif;color:var(--ink-900)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink-900);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}.page{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:15px 28px;background:var(--ink-900);color:var(--white);border-bottom:2px solid #2a9d8f}.brand{font-weight:700;letter-spacing:.01em;font-size:15px;display:flex;align-items:center;gap:9px}.brand:before{content:"";width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Crect width='120' height='120' rx='30' fill='%2313514C'/%3E%3Cg stroke='%23fff' stroke-width='5' stroke-linecap='round'%3E%3Cline x1='42' y1='46' x2='78' y2='46'/%3E%3Cline x1='42' y1='46' x2='60' y2='80'/%3E%3Cline x1='78' y1='46' x2='60' y2='80'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='42' cy='46' r='8.5'/%3E%3Ccircle cx='78' cy='46' r='8.5'/%3E%3Ccircle cx='60' cy='80' r='8.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;display:inline-block}.content{max-width:1120px;margin:0 auto;padding:32px 28px}.login{max-width:380px;margin:72px auto;display:flex;flex-direction:column;gap:14px;background:var(--white);padding:36px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md)}.login h1{font-size:21px;margin:0 0 2px;letter-spacing:-.01em;font-weight:700}.hint{color:var(--slate-400);font-size:13px;margin:0;line-height:1.7}input,select{padding:10px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px;background:var(--white);color:var(--ink-900);font-family:inherit;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--slate-300)}input:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}button{cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:14px;padding:10px 16px;font-weight:600;font-family:inherit;transition:background .15s,border-color .15s,color .15s,transform .04s}button:active{transform:translateY(.5px)}button.primary{background:var(--blue);color:var(--white);box-shadow:var(--shadow-sm)}button.primary:hover{background:var(--blue-700)}button.ghost{background:transparent;color:var(--slate-300);border:1px solid rgba(255,255,255,.18);padding:7px 13px}button.ghost:hover{color:var(--white);border-color:#ffffff61}button.ghost.action{color:var(--blue);border-color:var(--line);background:var(--white)}button.ghost.action:hover{color:var(--blue-700);border-color:var(--blue)}button.danger{background:var(--white);color:var(--coral-700);border:1px solid var(--coral-100)}button.danger:hover{background:var(--coral-100)}button.small{padding:6px 11px;font-size:13px}.error{color:var(--coral-700);font-size:13px}.muted{color:var(--slate-400)}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.panel h2{font-size:16px;margin:0 0 16px;letter-spacing:-.01em;font-weight:700}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.section-head h2{margin:0}.search{min-width:260px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line-soft)}.table th{color:var(--slate-400);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.table tr.clickable{cursor:pointer;transition:background .12s}.table tr.clickable:hover td{background:var(--sunken)}.badge{display:inline-block;padding:3px 9px;border-radius:5px;font-size:12px;font-weight:600}.badge.active{background:var(--mint-100);color:var(--mint-700)}.badge.revoked,.badge.disabled{background:#eef1f3;color:var(--slate-400)}.form-row{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:11px;align-items:center}.alert{background:var(--amber-100);border:1px solid var(--amber-line);border-radius:var(--radius-sm);padding:13px 15px;font-size:13px;margin-top:12px;word-break:break-all;color:#6b5417;line-height:1.6}.alert code{font-weight:700;color:var(--ink-900)}.bar{display:flex;gap:12px;margin-bottom:18px;align-items:center}.tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--line)}.tabs button{background:transparent;color:var(--slate-400);border-radius:0;padding:10px 4px;margin-right:18px;border-bottom:2px solid transparent}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.success{color:var(--mint-700);font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:18px 0}.metric{border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:13px 14px;background:var(--sunken)}.metric span{display:block;color:var(--slate-400);font-size:12px;margin-bottom:4px}.metric strong{font-size:18px;color:var(--ink-900)}.inline-actions{display:flex;gap:8px;align-items:center}.inline-actions input{max-width:160px;padding:7px 10px}@media (max-width:760px){.form-grid{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.search{min-width:0;width:100%}.metric-grid{grid-template-columns:1fr 1fr}}