:root{color:oklch(24% .005 27);font-synthesis:none;--brand:oklch(47% .18 27);--border:oklch(86% .005 27);--muted:oklch(44% .008 27);background:oklch(98.5% 0 0);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--brand);text-underline-offset:3px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.site-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding:20px max(24px,50vw - 600px);display:flex}.wordmark{color:inherit;white-space:nowrap;align-items:baseline;gap:12px;text-decoration:none;display:inline-flex}.wordmark strong{color:var(--brand);letter-spacing:-.03em;font-size:24px}.wordmark span{color:var(--muted);font-size:16px}nav{flex-wrap:wrap;align-items:center;gap:22px;font-size:14px;display:flex}nav a{color:var(--muted);text-decoration:none}nav a[aria-current]{color:var(--brand);font-weight:600}main{min-height:calc(100vh - 160px);margin:0 auto;padding:56px 24px 64px}.narrow{max-width:520px}.wide{max-width:1248px}h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 12px;font-size:28px;line-height:1.2}h2{margin:0 0 12px;font-size:18px;line-height:1.4}p{text-wrap:pretty;max-width:72ch;margin:0 0 18px;line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.stack{flex-direction:column;gap:20px;margin-top:28px;display:flex}label{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}input{border:1px solid var(--border);width:100%;min-height:44px;color:inherit;background:#fff;border-radius:6px;padding:10px 12px}input::placeholder{color:var(--muted);font-weight:400}.stack p{margin:-8px 0 0}button{background:var(--brand);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:6px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .16s ease-out}button:hover{background:oklch(40% .16 27)}button:disabled{opacity:.55;cursor:default}.secondary{color:oklch(28% .01 27);border-color:var(--border);background:#fff}.secondary:hover{background:oklch(95% 0 0)}.text-button{color:var(--brand);background:0 0;border:0;min-height:44px;padding:6px 0}.text-button:hover{background:0 0;text-decoration:underline}.help{border-top:1px solid var(--border);margin-top:40px;padding-top:24px}.help h2{font-size:14px}.form-section{margin:32px 0}.account-summary{border-block:1px solid var(--border);margin:28px 0;padding:20px 0}dl{margin:0}dl div{margin-bottom:18px}dt{color:var(--muted);margin-bottom:6px;font-size:13px}dd{margin:0}code{overflow-wrap:anywhere}.error{color:oklch(43% .18 27);font-size:14px}.admin .form-section{border-block:1px solid var(--border);padding-block:24px}.create-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;margin-bottom:12px;display:grid}.receipt{background:oklch(95% .025 27);border-radius:8px;margin:24px 0;padding:24px}.password-receipt{margin:18px 0;font-size:18px;display:block}.actions{flex-wrap:wrap;gap:8px;display:flex}.directory-heading{justify-content:space-between;align-items:end;gap:24px;margin:32px 0 16px;display:flex}.search-label{width:340px;max-width:100%}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{color:var(--muted);text-align:left;font-size:13px;font-weight:600}th,td{border-bottom:1px solid var(--border);vertical-align:top;padding:18px 12px}th:first-child,td:first-child{padding-left:0}td:first-child{min-width:160px}td:last-child{min-width:220px}.account-detail{margin-top:5px;display:block}td code{min-width:210px;max-width:240px;display:block}.status{white-space:nowrap;background:oklch(94% 0 0);border-radius:4px;padding:5px 8px;font-size:12px;display:inline-block}.suspended{color:oklch(40% .16 27);background:oklch(92% .04 27)}.empty{padding:24px 0}.admin>.small{margin-top:20px}footer{text-align:center;min-height:80px;color:var(--muted);border-top:1px solid var(--border);padding:24px;font-size:12px;line-height:1.6}@media (width<=700px){.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}nav{gap:18px}main{padding:36px 20px 48px}.create-form{grid-template-columns:1fr}.directory-heading{flex-direction:column;align-items:stretch;gap:12px}.search-label{width:100%}.receipt{padding:20px}h1{font-size:26px}}@media (prefers-reduced-motion:reduce){button{transition:none}}