:root{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#183149;background:#f2f6fb}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:42px auto;padding:0 28px}header,.section-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:18px}header{justify-content:flex-start}.mark{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#236fd5,#124d9b);color:white;display:grid;place-items:center;font-size:26px;font-weight:700;box-shadow:0 5px 14px #1353a02b}.eyebrow{font-size:12px;color:#688097;margin:0;letter-spacing:.12em}h1{font-size:27px;margin:0}h2{font-size:20px;margin:0 0 18px}#logout{margin-left:auto}.intro{max-width:800px;color:#667c90;margin:22px 0 28px}section{background:white;border:1px solid #dce5ef;border-radius:18px;padding:30px;margin:18px 0;box-shadow:0 8px 24px #18314906}#login{max-width:520px}form{display:grid;gap:16px}label{display:grid;gap:6px;font-weight:600}input{font:inherit;padding:11px 13px;border:1px solid #cedbe8;border-radius:9px;width:100%;color:#183149;background:#fff}input:focus{outline:3px solid #2270db24;border-color:#2270db}button{font:inherit;cursor:pointer;border:1px solid #cbd9e7;border-radius:9px;color:#254967;background:white;padding:9px 15px;white-space:nowrap}button:hover{background:#f0f6ff}button:disabled{cursor:wait;opacity:.6}button.primary{color:white;background:#1b65c5;border-color:#1b65c5}button.danger{color:#a52828;border-color:#dfbaba;background:#fff5f5}#message:not(:empty){padding:13px 17px;background:#fff5e4;color:#87500c;border:1px solid #efd5ab;border-radius:10px}.note,footer,details p{color:#6d8092;font-size:13px}details{margin-top:24px;border-top:1px solid #e2e9f1;padding-top:19px}summary{cursor:pointer;font-weight:600;margin-bottom:15px}details form{max-width:470px;margin:20px 0}footer{margin:28px 0 40px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;padding:15px 10px;border-bottom:1px solid #e7edf4;vertical-align:top}th{font-size:12px;color:#758a9d;font-weight:600}td small{display:block;color:#7b8ea0}td button{padding:5px 10px;margin-right:7px;font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:99px;background:#edf4fd;color:#2764a5;font-size:12px}.badge.muted{background:#f1f3f6;color:#73818e}dialog{width:min(520px,calc(100% - 28px));border:1px solid #d7e3ef;border-radius:18px;padding:26px;box-shadow:0 24px 100px #16314f30}dialog::backdrop{background:#102b4355}dialog h2{margin:0}.check{display:flex;align-items:center;gap:8px}.check input{width:18px;height:18px}code{display:block;overflow-wrap:anywhere;padding:18px;background:#f2f6fc;border-radius:10px;font-size:16px;margin:18px 0}pre{white-space:pre-wrap;font:12px/1.7 ui-monospace,monospace;max-height:440px;overflow:auto}section[hidden],button[hidden]{display:none}@media(max-width:600px){main{margin:24px auto;padding:0 15px}section{padding:22px 18px}h1{font-size:22px}.section-head{align-items:flex-start}dialog{padding:20px}}

.usage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 14px}.usage>div{border:1px solid #dbe6f2;background:#f5f9ff;border-radius:11px;padding:15px 16px}.usage strong,.usage span{display:block}.usage strong{font-size:25px;color:#2865a7;line-height:1.3}.usage span{font-size:12px;color:#73899d;margin-top:4px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.permission-grid h3{font-size:15px;margin:0 0 8px}.permissions{padding:17px 19px;border:1px solid #dbe5f1;border-radius:11px}.section-gap{margin-top:35px}.section-gap h2{margin-bottom:5px}.section-gap .note{margin:0}.login-actions{display:grid;justify-items:start;gap:12px;margin-top:21px;font-size:13px;color:#72869b}.form-message:not([hidden]){color:#a13235;font-size:13px;border-left:3px solid #dfb7b7;background:#fff5f4;margin:0;padding:10px 12px;white-space:pre-wrap}.invite-code{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:1px;background:#eff6ff;color:#20599b;user-select:all;margin-top:18px}.empty{color:#8292a2;text-align:center}#review-password-fields{display:grid;gap:16px}#review-password-fields[hidden],section[hidden],button[hidden],.form-message[hidden]{display:none}.actions{flex-wrap:wrap}dialog{max-height:calc(100vh - 36px);overflow:auto}dialog p{line-height:1.8}dialog .form-message{order:5}#review-form .actions,#invite-form .actions,#revoke-form .actions{order:6}@media(max-width:650px){.usage{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:1fr;gap:10px}.section-gap{display:block}.section-gap>.actions{margin-top:15px}}