:root{--panel-bg:#f4f6f8;--panel-card:#fff;--panel-ink:#1d2733;--panel-muted:#5b6878;--panel-line:#d9e0e7;--panel-accent:#1f5f99;--panel-accent-ink:#fff;--panel-header:#1d2733;--panel-on:#1f6f43;--panel-error-ink:#9b1c1c;--panel-error-bg:#fdeaea;color:var(--panel-ink);background:var(--panel-bg);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:var(--panel-bg);min-width:320px;margin:0}h1,h2,h3{margin:0 0 12px;font-weight:600}h1{font-size:22px}h2{font-size:20px}h2 small{color:var(--panel-muted);font-size:14px;font-weight:400}h3{font-size:16px}.panel-center{box-sizing:border-box;place-items:center;min-height:100vh;padding:16px;display:grid}.panel-shell{min-height:100vh}.panel-header{background:var(--panel-header);color:var(--panel-accent-ink);align-items:center;gap:16px;padding:12px 24px;display:flex}.panel-title{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:17px;font-weight:600}.panel-user{opacity:.85;margin-left:auto;font-size:14px}.panel-main{gap:16px;max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:grid}.panel-main>*{min-width:0}.panel-card{background:var(--panel-card);border:1px solid var(--panel-line);border-radius:8px;padding:20px}.panel-card-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.panel-card-head h2{margin:0 auto 0 0}.panel-login{box-sizing:border-box;gap:14px;width:min(360px,100%);display:grid}label{color:var(--panel-muted);gap:6px;font-size:14px;display:grid}input{font:inherit;color:var(--panel-ink);border:1px solid var(--panel-line);background:var(--panel-card);border-radius:6px;padding:8px 10px}input:focus-visible,button:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.panel-button{font:inherit;border:1px solid var(--panel-accent);background:var(--panel-accent);color:var(--panel-accent-ink);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:14px}.panel-button:disabled{opacity:.6;cursor:default}.panel-button-quiet{color:inherit;background:0 0;border-color:currentColor}.panel-button-danger{background:var(--panel-error-ink);border-color:var(--panel-error-ink)}.panel-button-small{margin-left:8px;padding:4px 10px;font-size:13px}.panel-link{font:inherit;color:var(--panel-accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.panel-back{justify-self:start}.panel-table-wrap{overflow-x:auto}.panel-table{border-collapse:collapse;width:100%;font-size:14px}.panel-table th,.panel-table td{text-align:left;border-bottom:1px solid var(--panel-line);white-space:nowrap;padding:8px 10px}.panel-table th{color:var(--panel-muted);font-weight:500}.panel-facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}.panel-facts dt{color:var(--panel-muted)}.panel-facts dd{overflow-wrap:anywhere;margin:0}.panel-status{border:1px solid;border-radius:999px;padding:2px 8px;font-size:13px}.panel-status-active,.panel-on{color:var(--panel-on)}.panel-status-suspended{color:var(--panel-error-ink)}.panel-off{color:var(--panel-muted)}.panel-error{color:var(--panel-error-ink);background:var(--panel-error-bg);border-radius:6px;margin:0;padding:8px 10px;font-size:14px}.panel-hint{color:var(--panel-muted);margin:0 0 10px;font-size:14px}.panel-notice{background:var(--panel-card);border:1px solid var(--panel-line);border-radius:6px;margin:0;padding:8px 10px;font-size:14px}.panel-dialog{box-sizing:border-box;width:min(440px,100% - 32px);color:var(--panel-ink)}.panel-dialog::backdrop{background:#1d273373}.panel-dialog form{gap:14px;display:grid}.panel-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel-actions{justify-content:flex-end;gap:8px;display:flex}.panel-form{gap:14px;margin-top:12px;display:grid}.panel-form fieldset{border:1px solid var(--panel-line);border-radius:6px;gap:12px;min-width:0;margin:0;padding:12px 14px;display:grid}.panel-form legend{padding:0 6px;font-size:14px;font-weight:600}.panel-checks{flex-wrap:wrap;gap:8px 16px;display:flex}.panel-check{color:var(--panel-ink);align-items:center;gap:6px;display:flex}code{background:var(--panel-bg);border-radius:4px;padding:1px 4px;font-size:13px}@media (width<=600px){.panel-header{gap:10px;padding:12px 16px}.panel-user{display:none}.panel-card{padding:16px}}.panel-logo-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.panel-logo{object-fit:contain;background:#fff;border:1px solid #ddd;border-radius:12px;width:96px;height:96px}
