*{box-sizing:border-box}[hidden]{display:none!important}:root{font-family:Arial,Helvetica,sans-serif;color:#102149;background:#f5f8fc}body{margin:0}main{max-width:440px;margin:32px auto 0;background:white;min-height:calc(100dvh - 32px);padding:26px 24px 0;box-shadow:0 8px 50px #0a399d0b;overflow:hidden}.wordmark{width:280px;height:98px;max-width:100%;margin:8px auto 24px;background:url('/acc/static/waves-letterhead.png') -8px -1px/550px auto no-repeat}#app-brand{display:flex;align-items:center;gap:8px;background:#063da8;color:white;margin:-26px -24px 20px;padding:10px 15px}#app-brand img{width:48px;height:48px}#app-brand h1{font-size:18px;letter-spacing:-.4px}.customer{background:linear-gradient(120deg,#f4f7fb,#eaf5fd);border-radius:17px;text-align:center;padding:20px 12px;margin-bottom:20px}.customer strong{display:block;color:#07359a;font-size:23px;letter-spacing:-.6px}.customer span{display:block;margin-top:5px;font-size:15px;color:#37435d}#login h1{text-align:center;font-size:29px;margin:12px 0 8px;letter-spacing:-.7px}#login>p{text-align:center;font-size:14px;margin:0 0 24px;color:#45516a}label{display:block;margin:16px 0;font-size:13px;font-weight:600}input{display:block;width:100%;margin-top:6px;padding:14px;border:1px solid #bfcee4;border-radius:10px;font:16px Arial;background:white;color:#14213d}button{cursor:pointer;border:0;border-radius:11px;padding:16px;width:100%;font:700 18px Arial;background:#063da8;color:white;min-height:48px;box-shadow:0 3px 8px #063da811}button:disabled{opacity:.35;cursor:not-allowed}.secondary{background:white;color:#06349e;border:2px solid #03bde6}.actions{display:grid;gap:12px}.stage-note{display:block;text-align:center;color:#69768b;font-size:11px;margin:15px 0}.demo{background:#fff6da;color:#715116;font-size:12px;text-align:center;border-radius:8px;padding:10px;margin-bottom:12px}.account{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#66748a}.quiet{width:auto;background:transparent;color:#164897;font-size:13px;padding:8px;box-shadow:none}.status{text-align:center;padding:26px 8px 20px;background:linear-gradient(140deg,#fafcff,#f7f8fa);border:1px solid #e0e7f1;border-radius:17px;--signal:#8692a4}.status[data-state=disarmed]{--signal:#139320}.status[data-state=armed],.status[data-state=triggered]{--signal:#e20c1b}.status[data-state=arming]{--signal:#bd7b00}.indicator{width:104px;height:104px;border-radius:50%;margin:0 auto 20px;background:radial-gradient(circle at 35% 25%,#ffffff99,transparent 42%),var(--signal);border:4px solid white;outline:2px solid var(--signal);box-shadow:0 0 26px color-mix(in srgb,var(--signal),transparent 60%),inset -4px -8px 10px #0003}.status h2{font-size:28px;text-transform:uppercase;color:var(--signal);margin:8px 0;letter-spacing:-.7px}.status small{font-size:11px;color:#607087}.status[data-state=triggered] .indicator{animation:trigger-pulse 1s ease-in-out infinite}@keyframes trigger-pulse{50%{opacity:.28}}@media(prefers-reduced-motion:reduce){.status[data-state=triggered] .indicator{animation:none}}.timing,.hint{text-align:center;color:#637087;font-size:11px;line-height:1.5}.timing{background:#f1f5fb;padding:10px;border-radius:8px}.recent{font-size:14px;margin-top:26px}ul{list-style:none;padding:0;font-size:12px}li{border-top:1px solid #edf1f4;padding:10px 0;line-height:1.6}#message{font-size:14px;color:#8a321d}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #00bee9;outline-offset:3px}#admin{margin-top:22px;border-top:1px solid #dfe6f0;padding-top:14px}#admin h2{font-size:18px}input[type=checkbox]{display:inline;width:auto}.staff-row{border-top:1px solid #d8e3e9;padding:12px 0;font-size:13px}.staff-row button{margin:4px 0;font-size:13px}#credential{overflow-wrap:anywhere;background:#fff0c8;padding:14px}details{margin:24px 0;font-size:13px;line-height:1.6}.qr{display:block;width:180px;height:180px;margin:16px auto}summary{cursor:pointer;color:#34568a}footer{position:relative;margin:30px -24px 0;padding:32px 16px 16px;background:linear-gradient(174deg,white 22%,#05bfe9 23%);display:flex;align-items:end;justify-content:space-between;gap:12px}footer img{width:78px;height:78px;order:2}footer span{font-size:10px;line-height:1.4;color:#00358f;max-width:190px;margin-bottom:12px}@media(max-width:480px){main{margin:0;min-height:100dvh;box-shadow:none}}