:root{color-scheme:dark;--bg:#0b0f14;--panel:#121820;--panel2:#171f29;--line:#263140;--text:#edf2f7;--muted:#8f9baa;--accent:#4f8cff;--danger:#ff6675;--ok:#4cd38a;--warn:#f3b85b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:rgba(11,15,20,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar strong{font-size:17px}.topbar span{margin-left:8px;color:var(--muted)}nav{display:flex;gap:16px;color:var(--muted)}nav a:hover{color:var(--text)}.container{max-width:1440px;margin:auto;padding:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px}.panel h2{margin:0 0 6px;font-size:17px}.panel p{margin:0;color:var(--muted)}.panel-head{display:flex;gap:15px;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.stats b{display:block;font-size:25px}.stats span{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}label{display:block;color:var(--muted);font-size:12px;margin:10px 0}input,select,textarea{width:100%;margin-top:6px;border:1px solid var(--line);background:#0d131a;color:var(--text);border-radius:9px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.btn,button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:9px 13px;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.wide{width:100%}.danger,button.danger{color:#ff9aa5;border-color:#65313a}.alert{padding:11px 13px;border-radius:9px;margin:0 0 14px;border:1px solid var(--line)}.alert.error{background:#31161a;border-color:#6e2932}.alert.success{background:#123023;border-color:#235d45}.generated{border-color:#315b9b}.key-format,.endpoint{color:var(--muted);margin-bottom:12px}.endpoint{margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.endpoint span,.endpoint code{display:block}.endpoint code{margin-top:6px;word-break:break-all;color:var(--text)}code,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}td small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-block;padding:3px 7px;border-radius:99px;background:#243040}.badge.active{background:#173729;color:#78dfaa}.badge.expired,.badge.revoked,.badge.locked{background:#3a2024;color:#ff9ca7}.actions{display:flex;gap:5px}.actions form{margin:0}.actions button{font-size:12px;padding:6px 8px}.search{display:flex;gap:7px;min-width:320px}.search input{margin:0}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.check input{width:auto;margin:0}.auth,.public{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card,.install-card,.status-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.install-card{width:min(620px,100%)}.auth-card h1,.install-card h1,.status-card h1{margin:0}.auth-card>p,.install-card>p,.status-card>p,.hint{color:var(--muted)}.status-card{text-align:center}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--ok);margin:0 auto 14px;box-shadow:0 0 20px var(--ok)}.status-card .mono{background:#0c1218;padding:10px;border-radius:8px;margin:15px 0}.hint{font-size:12px}@media(max-width:850px){.container{padding:14px}.topbar{padding:12px 14px;align-items:flex-start}.topbar span{display:none}nav{gap:10px;font-size:12px}.stats{grid-template-columns:1fr 1fr}.grid2,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.panel-head{display:block}.search{min-width:0;margin-top:12px}.actions{flex-wrap:wrap}}
