:root {color-scheme:light; font-family:system-ui,-apple-system,sans-serif; color:#172f39; background:#f2f5f4; font-size:15px}
* {box-sizing:border-box} [hidden] {display:none!important} body {margin:0} main {max-width:1180px;margin:auto;padding:38px 28px}
header,.section-head {display:flex;align-items:center;justify-content:space-between;gap:20px} header {margin-bottom:28px} h1 {font-size:32px;letter-spacing:-1px;margin:5px 0} h2 {font-size:20px;margin:0 0 16px} p {line-height:1.6;margin:8px 0 16px}.eyebrow {letter-spacing:2px;font-size:11px;font-weight:750;color:#54716d;margin:0}
.pill {display:inline-block;border:1px solid #bfd0ca;border-radius:20px;padding:6px 12px;color:#44645d;font-size:12px}.notice {border-left:4px solid #bc892f;background:#fff5df;padding:16px 20px;border-radius:7px}.notice p {margin:4px 0 0}.panel {border:1px solid #dae3df;background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.narrow {max-width:520px;margin:25px auto}.muted,footer {color:#60766f;font-size:13px}.section-head h2 {margin:0}.section-head {margin:22px 0 14px}.panel .section-head {margin-top:0} button {font:inherit;font-weight:600;background:#245e50;color:#fff;border:1px solid #245e50;border-radius:7px;padding:9px 14px;cursor:pointer} button:hover {filter:brightness(.95)} button:disabled {opacity:.5;cursor:wait}.subtle {background:#fff;color:#315b50;border-color:#c7d6d0}.danger {color:#9e342d} .small {font-size:12px;padding:6px 10px} input,select {font:inherit;width:100%;padding:10px;border:1px solid #b7cac2;border-radius:6px;background:#fff;color:inherit} label {display:block;font-size:13px;font-weight:600;margin-bottom:6px} details {margin-top:20px} summary {cursor:pointer;color:#315b50} details button {margin-top:12px}.client-form {display:grid;grid-template-columns:1fr 1.3fr auto;align-items:end;gap:18px}.form-actions {display:flex;gap:8px}.table-wrap {padding:0;overflow-x:auto} table {width:100%;border-collapse:collapse} th {background:#f8faf9;color:#667d74;text-align:left;font-size:12px;font-weight:650} th,td {padding:18px;vertical-align:top;border-bottom:1px solid #e6ece9} tr:last-child td {border:0} td strong {display:block} .hostname {font:12px ui-monospace,monospace;overflow-wrap:anywhere;display:block;margin:9px 0;color:#48675c;max-width:420px} .actions {display:flex;flex-wrap:wrap;gap:6px;min-width:180px}.status {font-size:12px;white-space:nowrap;color:#7c6131}.empty {padding:25px}.key-list {padding:0;list-style:none}.key-list li {display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5ebe7;padding:12px 0;gap:16px} #message {min-height:25px;color:#315b50;overflow-wrap:anywhere} #message.error {color:#a23129} footer {margin-top:30px;font-size:11px} #cancel-passkey {margin-bottom:20px}
#count {margin-left:.35rem}
@media(max-width:800px) {main {padding:22px 14px}header,.section-head {align-items:flex-start;flex-wrap:wrap} h1 {font-size:27px}.panel {padding:18px}.table-wrap {padding:0}.client-form {grid-template-columns:1fr}.form-actions {flex-wrap:wrap}table,tbody,tr,td {display:block;width:100%}thead {display:none}tr {padding:14px;border-bottom:1px solid #e6ece9}td {padding:7px 0;border:0}td:nth-child(2)::before {content:'Device / профиль';display:block;color:#60766f;font-size:11px;margin-bottom:5px}.hostname {max-width:100%}.status {white-space:normal}.actions {min-width:0}}