:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--border:#2a2f3a;--text:#e6e8ec;--muted:#9aa3b2;--accent:#5b8cff;--accent-hover:#4a7bf0;--danger:#ff6b6b;--ok:#3ecf8e;--radius:10px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:.9rem 1.5rem;display:flex}.topbar .brand{letter-spacing:.2px;font-weight:600}.topbar .brand span{color:var(--muted);font-weight:400}.topbar .user{color:var(--muted);align-items:center;gap:.9rem;font-size:.9rem;display:flex}.topnav{gap:1rem;margin-right:.4rem;display:flex}.topnav a{color:var(--muted);cursor:pointer;font-size:.9rem;text-decoration:none}.topnav a:hover{color:var(--text);text-decoration:none}.topnav a.active{color:var(--text);font-weight:600}.usermenu{position:relative}.usermenu-trigger{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.9rem;display:flex}.usermenu-trigger:hover{background:var(--panel-2);border-color:var(--border)}.usermenu-trigger svg:last-child{color:var(--muted)}.usermenu-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.usermenu-panel{z-index:50;background:var(--panel);border:1px solid var(--border);border-radius:12px;min-width:220px;padding:.4rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px -8px #00000080}.usermenu-head{align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex}.usermenu-head-avatar{background:var(--panel-2);border:1px solid var(--border);width:34px;height:34px;color:var(--muted);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.usermenu-head-text{min-width:0}.usermenu-head-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.usermenu-head-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.usermenu-sep{background:var(--border);height:1px;margin:.35rem 0}.usermenu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;padding:.5rem .7rem;font-size:.9rem;display:flex}.usermenu-item:hover{background:var(--panel-2)}.usermenu-item.active{color:var(--accent);font-weight:600}.usermenu-item.danger{color:var(--danger)}.usermenu-item.danger:hover{background:color-mix(in srgb, var(--danger) 14%, transparent)}.container{max-width:860px;margin:0 auto;padding:2rem 1.5rem}.container.narrow{max-width:420px}.page-head{justify-content:space-between;align-items:center;margin-bottom:1.4rem;display:flex}.page-head h1{margin:0;font-size:1.4rem}h1,h2,h3{font-weight:600}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem}.card+.card{margin-top:1rem}.client-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 1.2rem;transition:border-color .12s,background .12s;display:flex}.client-row:hover{border-color:var(--accent);background:var(--panel-2)}.client-row+.client-row{margin-top:.7rem}.client-row .name{font-weight:600}.client-row .cid{font-family:var(--mono);color:var(--muted);margin-top:.2rem;font-size:.8rem}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;margin-left:.4rem;padding:.12rem .5rem;font-size:.72rem;display:inline-block}.tag.accent{color:var(--accent);border-color:var(--accent)}label{color:var(--muted);margin:.9rem 0 .3rem;font-size:.85rem;display:block}input[type=text],input[type=password],input[type=url],input[type=email],textarea{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:.6rem .7rem}textarea{resize:vertical;min-height:4.5rem;font-family:var(--mono);font-size:.85rem}input:focus,textarea:focus{border-color:var(--accent);outline:none}.checkbox{color:var(--text);align-items:center;gap:.5rem;margin:.9rem 0 0;display:flex}.checkbox input{width:auto}.uri-list{flex-direction:column;gap:.4rem;display:flex}.uri-row{align-items:center;gap:.4rem;display:flex}.uri-row input{flex:1;margin:0}.uri-remove{color:var(--muted);flex:none;padding:0 .65rem;font-size:1.1rem;line-height:1}.uri-remove:hover{color:var(--danger);border-color:var(--danger)}.uri-add{align-self:flex-start;margin-top:.1rem;padding:.3rem .7rem;font-size:.82rem}.hint{color:var(--muted);margin:.25rem 0 0;font-size:.8rem}button{font:inherit;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;padding:.55rem 1rem;transition:background .12s,border-color .12s}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.danger{color:var(--danger);border-color:#0000}button.danger:hover{border-color:var(--danger)}button.primary.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.primary.danger:hover{background:#e0524a}button:disabled{opacity:.5;cursor:not-allowed}.btn-row{align-items:center;gap:.7rem;margin-top:1.4rem;display:flex}.err{color:var(--danger);margin:.6rem 0 0;font-size:.9rem}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:3rem 0}.kv{grid-template-columns:160px 1fr;align-items:start;gap:.5rem 1rem;display:grid}.kv dt{color:var(--muted);font-size:.85rem}.kv dd{margin:0}.mono{font-family:var(--mono);word-break:break-all;font-size:.82rem}.users-table{border-collapse:collapse;width:100%;font-size:.88rem}.users-table th,.users-table td{text-align:left;padding:.7rem 1rem}.users-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);font-size:.78rem;font-weight:500}.users-table tbody tr+tr td{border-top:1px solid var(--border)}.users-table button{padding:.3rem .7rem;font-size:.8rem}.subnav{border-bottom:1px solid var(--border);background:var(--panel);gap:1.4rem;padding:.7rem 1.5rem;display:flex}.subnav a{color:var(--muted);cursor:pointer;font-size:.9rem}.subnav a:hover{color:var(--text);text-decoration:none}.subnav a.active{color:var(--text);font-weight:600}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.row-actions button{padding:.3rem .6rem;font-size:.78rem}input.search{width:auto;min-width:260px;margin:0;padding:.45rem .7rem;font-size:.9rem}.pager{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:.85rem;display:flex}.pager button{padding:.35rem .8rem;font-size:.82rem}.tabs{border-bottom:1px solid var(--border);gap:.3rem;margin-bottom:1.4rem;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-right:1.2rem;padding:.6rem .2rem;font-size:.92rem;font-weight:500}.tab:hover{color:var(--text);border-color:#0000}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.modal{width:100%;max-width:420px}.modal h3{margin:0 0 .6rem}.modal label{margin-top:1rem}.modal .btn-row{margin-top:1.4rem}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-desc{color:var(--muted);font-size:.9rem;line-height:1.5}.copyfield{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem .7rem;display:flex}.copyfield code{font-family:var(--mono);word-break:break-all;flex:1;font-size:.8rem}.copyfield button{padding:.3rem .6rem;font-size:.78rem}pre.code{background:var(--panel-2);border:1px solid var(--border);font-family:var(--mono);border-radius:8px;margin:0;padding:1rem;font-size:.8rem;overflow-x:auto}.secret-banner{border:1px solid var(--ok);border-radius:var(--radius);background:#3ecf8e14;margin-bottom:1.2rem;padding:1rem 1.2rem}.secret-banner strong{color:var(--ok)}.section-title{color:var(--text);margin:1.8rem 0 .8rem;font-size:1rem}.section-title.first{margin-top:0}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:340px}.login-card h1{text-align:center;margin:0 0 .3rem}.login-card .sub{text-align:center;color:var(--muted);margin:0 0 1.4rem;font-size:.9rem}