:root{color-scheme:light;--ink:#14243e;--muted:#52647d;--line:#dde5f1;--primary:#2d4cc9;--wash:#f3f6fc}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;background:var(--wash);color:var(--ink);font:15px/1.55 system-ui,sans-serif}
.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.masthead{background:linear-gradient(116deg,#18244c,#2546a0 68%,#245a85);color:#fff;border-bottom:3px solid #67d9ce}
.masthead-content,.workspace-header,.pager{display:flex;justify-content:space-between;align-items:center;gap:14px}
.masthead-content{min-height:108px;padding:16px 0}
.eyebrow{font-weight:800;letter-spacing:.13em;font-size:.7rem;color:#92e4df}
h1,h2,p{margin:0}
h1{font-size:clamp(23px,4vw,32px)}
h2{font-size:23px}
.badge{padding:4px 10px;border-radius:999px;font-size:.8rem;white-space:nowrap}
.panel{margin:26px 0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 9px 32px #14243e0c}
.signin{max-width:510px;margin:38px auto}
.signin label{display:block;margin:20px 0 5px;font-weight:650}
.signin-fields,#filters,#views{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.signin-fields input{min-width:0;flex:1}
.muted{color:var(--muted)}
button,input,select{font:inherit;border-radius:7px;border:1px solid #c7d4e6;background:#fff;color:var(--ink);min-height:38px;padding:6px 11px}
button{cursor:pointer;font-weight:650}
button:hover:not(:disabled){background:#eaf0ff}
button:disabled{opacity:.47;cursor:default}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6c8df4;outline-offset:2px}
button.primary{background:var(--primary);border-color:var(--primary);color:#fff}
button.primary:hover{background:#223ba5}
button.danger{color:#a32137;border-color:#edc4cd;background:#fff6f8}
#views button{border-color:transparent;background:#f1f5fc}
#views button[aria-current]{background:#dfe9ff;color:#193c9a}
.section-header{margin:22px 0 14px}
#filters{margin-bottom:16px}
#filters label{display:flex;align-items:center;gap:7px;font-weight:650}
#table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}
th{background:#eaf0fb;white-space:nowrap}
td{min-width:110px}
td button{white-space:nowrap}
tbody tr:nth-child(even){background:#f8faff}
tbody tr:last-child td{border-bottom:0}
.pager{margin-top:16px}
.pager button+button{margin-left:6px}
.badge{display:inline-block;background:#e3f4ed;color:#14604a;font-weight:750}
.badge.danger{background:#fbe9ee;color:#9e2741}
#status{margin:0 0 20px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#52647d}
#status[data-error=true]{color:#9e2741;background:#fff6f8}
@media(max-width:650px){.wrap{width:calc(100% - 24px)}.panel{padding:14px}.workspace-header{align-items:flex-start;flex-wrap:wrap}.masthead-content{min-height:84px}#filters label{width:100%}#filters input{min-width:0;flex:1}}

#level{appearance:none;min-width:108px;padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2352647d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center/14px 14px}
td[data-column="phone"],td[data-column="ip"],td[data-column="device"]{white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}

.passkey-button{margin:16px 0 12px}
.passkey-setup{margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
.passkey-setup summary{cursor:pointer;color:#2948aa;font-weight:650}

.stats-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.stats-totals div{padding:10px 6px;text-align:center;background:#eef3fc;border-radius:8px}
.stats-totals strong{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums}
.stats-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.stats-filters button[aria-pressed=true]{background:#dfe9ff;color:#193c9a}
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(32px,1fr)) minmax(50px,4fr) minmax(43px,.7fr);gap:4px;align-items:center;min-height:27px;font-variant-numeric:tabular-nums}
.stats-row span:nth-child(-n+4){text-align:center}
.stats-row span:last-child{text-align:right}
.stats-head{font-size:.82rem;font-weight:700;border-bottom:1px solid var(--line)}
.stats-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#dbe4f3}
.stats-dot.on,.stats-bar{background:var(--primary)}
.stats-bar{display:block;height:10px;border-radius:2px}
.stats-group{margin-top:10px;font-size:.82rem}