:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b1219;color:#e5edf5}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:36px 20px 80px}.login{max-width:430px;padding-top:12vh}.brand{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#63dbad;color:#11291f;font-size:27px;font-weight:800}.eyebrow{color:#63dbad;font-size:13px;letter-spacing:2px}h1{font-size:30px;margin:14px 0}h2{font-size:18px;margin:0 0 16px}header,.user-heading,.list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.muted,.note,.details{color:#91a6b7;line-height:1.7}.note{font-size:12px;margin-top:20px}section{padding:22px;background:#111e28;border:1px solid #243745;border-radius:18px;margin:20px 0}label{display:block;color:#bbccd9;font-size:14px;margin:22px 0 10px}input{display:block;width:100%;background:#0c1720;border:1px solid #344c5e;border-radius:10px;padding:14px 12px;color:#fff;font:inherit;margin-top:8px;outline:none}input:focus{border-color:#63dbad;box-shadow:0 0 0 3px #63dbad20}button,a{font:inherit}button{cursor:pointer;border:1px solid #344c5e;border-radius:10px;padding:11px 14px;background:#1a2b37;color:#dce9f3}button:disabled{opacity:.5;cursor:wait}button.primary{background:#63dbad;color:#10251d;border-color:#63dbad;font-weight:700}#login button{width:100%;margin-top:18px}a{color:#63dbad;text-decoration:none;font-size:14px}.create{display:flex;align-items:end;gap:12px}.create label{flex:1;margin:0}.create button{margin-bottom:1px;white-space:nowrap}.badge{font-size:12px;color:#63dbad;background:#63dbad15;padding:5px 10px;border-radius:30px}.off,.error,#dialog-error{color:#f38a96}.success{color:#63dbad}.details{font-size:12px;display:flex;flex-wrap:wrap;gap:5px 20px}.buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.buttons button{font-size:13px}.audit{font-size:12px;color:#91a6b7;line-height:1.6;border-bottom:1px solid #243745;padding-bottom:8px}dialog{width:min(440px,calc(100% - 32px));border:1px solid #344c5e;border-radius:18px;padding:24px;background:#111e28;color:#e5edf5}dialog::backdrop{background:#0009}[hidden]{display:none!important}@media(max-width:560px){main{padding:24px 16px 60px}.create{display:block}.create label{margin:18px 0}.create button{width:100%}header{align-items:start}h1{font-size:26px}section{padding:18px}.details{display:grid}.buttons button{flex:1 0 42%}}
