@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Space;src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;color:#e4ecf1;background:#080b0e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#18222d66,transparent 65%);min-height:100svh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}:focus-visible{outline:2px solid #b6dcf6;outline-offset:0.3125rem}header{max-width:92.5rem;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.875rem 5%;gap:1.25rem;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:0.625rem;letter-spacing:.23em;font-size:1rem;font-weight:700}.symbol{width:2.375rem;height:2.375rem;background:#dceaf4;mask:url('/assets/refract-symbol.png') center/contain no-repeat;mask-mode:luminance}.tag{font-size:0.75rem;color:#94a5b4;border-left:1px solid #ffffff25;padding-left:1.125rem;margin-left:0.75rem;letter-spacing:.14em}nav{display:flex;align-items:center;gap:1.5rem;font-size:0.875rem;color:#a9bbc8}nav button{border:0;background:none;color:inherit;padding:0.75rem 0}nav a:hover,nav button:hover{color:white}main{max-width:85rem;margin:auto;padding:4rem 5% 2.8125rem}.eyebrow{color:#96a9b8;font-size:0.75rem;letter-spacing:.17em;margin:0 0 1.125rem}h1{font-family:Space,system-ui,sans-serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(2.25rem,5vw,3.875rem);line-height:1.06;margin:0}.accent{color:#aacfe5}.intro{color:#95a7b5;font-size:0.875rem;line-height:1.7;margin:1.125rem 0 0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5625rem}.account{display:flex;align-items:center;gap:0.5625rem;font-size:0.75rem;color:#b2c1cc;overflow-wrap:anywhere}.live-dot{width:0.375rem;height:0.375rem;background:#b7d8cc;border-radius:50%;flex-shrink:0;box-shadow:0 0 0.75rem #b7d8cc55}.summary{display:grid;grid-template-columns:1fr 1.4fr 1.3fr;gap:1.5625rem;border-block:1px solid #e2f0ff20;padding:1.75rem 0;margin:2.375rem 0}.summary>div{display:flex;flex-direction:column;justify-content:center}.summary>div+div{border-left:1px solid #e2f0ff17;padding-left:1.875rem}.stat-label{font-size:0.75rem;color:#8fa2b1;margin-bottom:0.75rem}.summary strong{font-family:Space,sans-serif;font-size:2.625rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1}.summary .date{font-size:1.1875rem;line-height:1.5}.summary-note{font-size:0.75rem;line-height:1.9;color:#8195a5}.toolbar{display:flex;gap:0.75rem;align-items:flex-end}.search{flex:1}.toolbar label{display:block;font-size:0.75rem;color:#a3b3c0;margin-bottom:0.5625rem}input,select{width:100%;background:#10171d;border:1px solid #afcfe332;color:#dce7ed;min-height:2.75rem;padding:0.6875rem 0.875rem;border-radius:0.4375rem;font-size:0.875rem}input::placeholder{color:#7d909f}select{padding-right:1.875rem}.button{border:1px solid #afcfe33d;background:#0c1218;color:#d1dfe8;border-radius:0.4375rem;min-height:2.75rem;padding:0.6875rem 1rem;font-size:0.875rem;display:inline-flex;justify-content:center;align-items:center;gap:1.25rem;white-space:nowrap;transition:background .16s,border-color .16s}.button:hover:not(:disabled){background:#1b2832;border-color:#bcd5e578}.primary{background:#d9e7f1;color:#101820;border-color:#d9e7f1}.primary:hover:not(:disabled){background:#fff;border-color:#fff}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:0.9375rem;margin:2.125rem 0 1rem}.list-heading h2{font-size:0.875rem;font-weight:500;margin:0}.list-heading p{font-size:0.75rem;color:#8fa2b1;margin:0}.table-wrap{overflow:auto;border:1px solid #c5d8e31f;border-radius:0.5625rem}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#131b21}th{font-size:0.75rem;color:#98acba;font-weight:500;padding:0.9375rem 1.25rem;border-bottom:1px solid #c5d8e31f}td{padding:1.1875rem 1.25rem;font-size:0.75rem;border-bottom:1px solid #c5d8e316;color:#a7b9c6}tr:last-child td{border-bottom:0}tbody tr:hover{background:#b4cee707}.name{display:block;font-size:0.875rem;color:#e0e9ef;margin-bottom:0.375rem;white-space:normal;overflow-wrap:anywhere;max-width:21.875rem}.email{font-size:0.75rem;color:#8da5b6}.reference{font-family:Space,monospace;color:#a3b8c7;letter-spacing:.035em}.status{display:inline-flex;gap:0.4375rem;align-items:center;color:#b9d9cc;font-size:0.75rem}.status:before{content:'';width:0.3125rem;height:0.3125rem;border-radius:50%;background:currentColor}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.125rem;font-size:0.75rem;color:#8da2b1;gap:1rem}.pagination>div{display:flex;gap:0.5625rem}.pagination .button{min-height:2.5rem;font-size:0.75rem}.footnote{font-size:0.75rem;color:#8193a0;line-height:1.8;margin:1.75rem 0}.empty{text-align:center;padding:4.0625rem 1.25rem;border:1px dashed #afcfe32e;border-radius:0.5625rem}.empty>span{font-size:2rem;color:#94b2c7}.empty h2{font-family:Space,sans-serif;font-size:1.375rem;font-weight:400;margin:0.9375rem 0 0.5625rem}.empty p{font-size:0.875rem;color:#899fac}.gate{max-width:30.625rem;padding:4.0625rem 0}.gate p:not(.eyebrow){color:#94a8b8;line-height:1.8;font-size:1rem;margin:1.5625rem 0}.gate .button{margin-top:0.625rem}.error{display:flex;justify-content:space-between;gap:1.25rem;align-items:center;background:#34202166;border:1px solid #da9e9e44;color:#f5c1c1;padding:1.125rem;margin-top:1.5rem;border-radius:0.5rem;font-size:0.875rem}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:5;top:0.625rem;left:0.625rem;padding:0.875rem;background:#fff;color:#000}
@media(max-width:750px){header{padding:1.25rem 6%}.tag{display:none}nav{gap:0.875rem;font-size:0.75rem}main{padding:2.375rem 6%}.page-heading{display:block}.account{margin-top:1.25rem}.summary{grid-template-columns:1fr 1.4fr;margin:1.75rem 0;gap:1.125rem}.summary>div+div{padding-left:1.25rem}.summary .summary-note{grid-column:1/-1;border-left:0;border-top:1px solid #e2f0ff17;padding:1.125rem 0 0}.toolbar{display:grid;grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.sort{grid-column:1/-1}.list-heading{align-items:flex-start}.pagination{align-items:flex-start;flex-direction:column}.pagination>div{width:100%}.pagination button{flex:1}th,td{padding:0.9375rem}.summary .date{font-size:1rem}.summary strong{font-size:2.25rem}.brand{font-size:0.875rem;gap:0.3125rem}.symbol{width:1.875rem}.error{flex-direction:column;align-items:flex-start}.gate{padding-top:1.875rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.section-nav{gap:0.5rem;margin-top:2.25rem;border-bottom:1px solid #c5d8e322;overflow:auto}.section-nav button{padding:1rem 1.25rem;color:#879aaa;border-bottom:2px solid transparent;white-space:nowrap}.section-nav button[aria-pressed=true]{color:#e7f1f7;border-color:#b9dff7}.notice{padding:0.875rem 1.125rem;border:1px solid #87c5b233;border-radius:0.5rem;background:#122621;color:#b9dbcf;font-size:0.875rem}.role-badge{display:inline-block;padding:0.3125rem 0.5625rem;border:1px solid #c7dfed26;border-radius:0.3125rem;font-size:0.75rem}.role-badge.admin{color:#d0e8fc;background:#6386b726;border-color:#a8cdef55}.cell-note{display:block;font-size:0.75rem;color:#8c9da9;margin-top:0.4375rem}.manage{min-height:2.25rem;padding:0.4375rem 0.75rem}.traffic-chart{height:15rem;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:clamp(0.25rem,1.2vw,1.125rem);align-items:end;border-bottom:1px solid #c5d8e32a;padding:1.625rem 0.25rem 0;margin:1.25rem 0 0.625rem}.chart-column{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0.5rem;min-width:0}.chart-column strong{font-size:0.75rem;font-weight:400;color:#c9ddea}.chart-bar{width:100%;min-height:2px;background:linear-gradient(#b2d3e9,#52739144);border-radius:0.3125rem 0.3125rem 0 0;transition:height .25s}.chart-column span{font-size:0.75rem;color:#8ea4b4;min-height:1.5625rem}.traffic-details{font-size:0.875rem;color:#96adbd;margin:1.5625rem 0}.traffic-details summary{cursor:pointer;padding:0.625rem 0}.traffic-details .table-wrap{max-height:17.5rem}.popular-pages>div{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #c5d8e31a;font-size:0.875rem;color:#b3c7d5}.activity-item{display:grid;grid-template-columns:1fr auto;gap:0.5rem 1.25rem;border-bottom:1px solid #c5d8e31a;padding:1.375rem 0;font-size:0.875rem}.activity-item p{color:#9bb1c0;margin:0}.activity-item time{color:#7c94a5;font-size:0.75rem}.activity-item strong{font-weight:500;color:#d4e3ed}.muted{color:#899eae;font-size:0.875rem}dialog{color:#e0ecf4;background:#101820;border:1px solid #9dbed144;border-radius:1rem;width:min(35rem,calc(100% - 1.75rem));max-height:calc(100svh - 2.5rem);padding:1.875rem;box-shadow:0 1.875rem 6.25rem #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(0.3125rem)}dialog h2{font-family:Space,sans-serif;font-size:1.75rem;font-weight:400;letter-spacing:-.03em;margin:0 0 0.9375rem}dialog h3{font-size:0.875rem;margin:0 0 0.625rem}dialog p{font-size:0.875rem;line-height:1.8;color:#94aebf}dialog label{display:block;font-size:0.75rem;color:#c1d3df;margin:1.25rem 0 0.5625rem}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:0.9375rem}.dialog-heading .eyebrow{margin-bottom:0.75rem}.close{border:0;background:none;color:#b6c9d6;font-size:1.75rem;line-height:1;padding:0.3125rem}.dialog-email{overflow-wrap:anywhere}.edit-meta{display:flex;gap:0.625rem;align-items:center;flex-wrap:wrap;font-size:0.75rem;color:#8faabb}.dialog-actions{display:flex;justify-content:flex-end;gap:0.625rem;margin-top:1.75rem}.access-controls{border-top:1px solid #9dbed129;margin-top:1.75rem;padding-top:1.4375rem}.access-buttons{display:flex;flex-wrap:wrap;gap:0.5625rem}.access-buttons .button{font-size:0.75rem;padding:0.625rem 0.75rem;gap:0.3125rem}.danger{color:#f1b1b4;border-color:#c8757a55;background:#38202555}.danger:hover:not(:disabled){background:#502b31}.inline-error{color:#f2b8bd!important}.activity-list:empty:after{content:'No admin changes yet';display:block;padding:1.875rem 0;color:#899eae;font-size:0.875rem}
@media(max-width:750px){.section-nav{gap:0}.section-nav button{padding:0.9375rem 0.75rem;font-size:0.875rem}.summary>div:last-child{border-left:0;padding-left:0}.summary>div:last-child:not(.summary-note){grid-column:1/-1;border-top:1px solid #e2f0ff17;padding-top:1.125rem}.activity-item{grid-template-columns:1fr}.traffic-chart{height:11.875rem;gap:0.3125rem}.chart-column span{font-size:0.75rem}.chart-column strong{font-size:0.75rem}dialog{padding:1.4375rem}.access-buttons{flex-direction:column}.access-buttons .button{width:100%}header nav{gap:0.625rem}.brand{letter-spacing:.1em}}
@media(max-width:600px){header{flex-wrap:wrap;gap:0.75rem}header nav{width:100%;justify-content:space-between}header nav a,header nav button{white-space:nowrap}.gate label{font-size:0.875rem}.gate input{margin:0.625rem 0}}

/* Give password labels room outside the field's focus ring at every width. */
#password-form label{display:block;margin:0 0 0.625rem;font-size:0.875rem;line-height:1.5;color:#c1d3df}
#password-form input{margin:0}
#password-repeat{margin-top:1.25rem}
#password-form .button{margin-top:1.25rem}
input:focus-visible,select:focus-visible{outline-offset:2px}

.activity-item{display:block;padding:1.625rem 0}.activity-heading{display:flex;align-items:baseline;gap:0.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.activity-heading>strong{font-size:1rem}.activity-heading time{margin-left:auto}.activity-id{font-size:0.75rem;color:#8299aa}.activity-identities{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.125rem}.activity-identities>div{min-width:0}.activity-identities .stat-label{display:block;margin-bottom:0.4375rem}.activity-identities strong,.activity-identities .email{display:block;overflow-wrap:anywhere;margin:0.3125rem 0}.activity-item .reference{margin:0 0 0.875rem}.activity-item .table-wrap{margin-top:0.9375rem}.activity-item table{white-space:normal;table-layout:fixed}.activity-item td{overflow-wrap:anywhere;vertical-align:top;line-height:1.6}.activity-item th:first-child{width:25%}.activity-item .change-before{color:#91a5b5}.activity-item .change-after{color:#d2e8de}.activity-item .activity-note{font-size:0.75rem;line-height:1.7;color:#8da2b2}.activity-facts{display:flex;gap:1.25rem 2.25rem;flex-wrap:wrap;padding:1.125rem 1.25rem;margin:0.75rem 0 0;background:#bfdcf208;border-radius:0.5rem}.activity-facts dt{color:#8fa6b7;font-size:0.75rem}.activity-facts dd{margin:0.5rem 0 0;color:#d2e3ed;font-size:1rem}
@media(max-width:600px){.activity-identities{grid-template-columns:1fr;gap:0.75rem}.activity-heading time{margin-left:0;width:100%}.activity-item th,.activity-item td{padding:0.75rem 0.5625rem}.activity-facts{gap:1.125rem 1.625rem}}

/* Keep the narrow chart readable; the table below retains every exact value. */
.chart-column span{white-space:nowrap}
@media(max-width:600px){.chart-column strong{display:none}.chart-column:nth-child(even) span{visibility:hidden}}
