:root{font-family:Inter,Arial,sans-serif;color:#202936;background:#f7f9fc;font-synthesis:none;--surface:#fff;--line:#e5e9ef;--muted:#788392;--blue:#3867e9;--soft:#edf2ff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #92aaff;outline-offset:3px}button{border:0}aside{position:fixed;inset:0 auto 0 0;width:254px;background:var(--surface);border-right:1px solid var(--line);padding:38px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:29px;font-weight:750;letter-spacing:-1px;padding:0 14px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:6px}.logo{display:grid;place-content:center;background:var(--blue);color:white;width:44px;height:48px;border-radius:14px;font-size:37px;position:relative}.logo span{position:absolute;right:6px;top:3px;font-size:20px;color:#b8cdff}.nav-title{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#939ca9;margin:62px 15px 18px}.nav{background:transparent;display:flex;align-items:center;width:100%;padding:15px 14px;margin-bottom:8px;text-align:left;color:#697485;font-size:13px;border-radius:9px;gap:13px}.nav span{font-size:20px}.nav b{margin-left:auto;font-size:11px}.selected{background:var(--soft);color:var(--blue);font-weight:600}.aside-bottom{margin-top:auto;padding:25px 14px 0;border-top:1px solid var(--line)}.aside-bottom strong{font-size:11px}.aside-bottom p{font-size:11px;line-height:1.8;color:var(--muted)}.local-dot{width:7px;height:7px;border-radius:50%;background:#38a57d;margin-bottom:12px}.text-button{background:none;color:var(--muted);padding:6px 0;font-size:12px}.workspace{margin-left:254px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:var(--surface)}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 17px;color:#bcc3ce}.header-actions{display:flex;gap:20px;align-items:center}.avatar{border:4px solid var(--surface);box-shadow:0 0 0 1px var(--line);background:#e8eafa;border-radius:50%;width:34px;height:34px;display:grid;place-content:center;font-size:11px;color:#6370a0}.icon-button{background:transparent;color:var(--muted);font-size:20px;padding:8px}.outline{padding:10px 15px;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:8px;font-size:12px}main{max-width:1120px;margin:auto;padding:53px 48px 0}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--muted);display:flex;gap:9px;align-items:center}.eyebrow span{background:#5479eb;height:5px;width:5px;border-radius:50%}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 33px}h1{font-size:34px;line-height:1.2;font-weight:650;letter-spacing:-1.3px;margin:0 0 13px}.subtitle{color:var(--muted);font-size:13px;margin:0}.primary{background:var(--blue);color:white;border-radius:9px;padding:14px 21px;font-size:12px;font-weight:600;box-shadow:0 3px 6px #3867e91a;white-space:nowrap}.primary:hover{background:#2855d4}.status-strip{display:flex;align-items:center;gap:16px;border:1px solid #dce5f7;background:#f0f5fd;border-radius:12px;padding:19px 22px}.shield{background:#e1ebfc;color:var(--blue);font-size:25px;border-radius:10px;display:grid;place-content:center;width:42px;height:42px}.status-strip strong{font-size:12px;font-weight:600}.status-strip p{font-size:11px;margin:7px 0 0;color:#7a879a}.badge{margin-left:auto;white-space:nowrap;font-size:8px;letter-spacing:1px;color:#6c83a8;border:1px solid #d6e1f1;padding:7px;border-radius:5px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin:32px 0 25px;gap:15px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);padding:0 14px;border-radius:9px;width:310px;color:#929daa}.search span{font-size:24px}.search input{border:0;padding:13px 0;background:transparent;font-size:12px;width:100%;color:inherit}.refresh-note{font-size:10px;color:var(--muted)}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-bottom:13px}.section-label b{background:#e9edf3;padding:3px 6px;margin-left:6px;border-radius:4px;font-size:8px}.account{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:12px;gap:16px;transition:border-color .2s}.account:hover{border-color:#b9c9ef}.service-icon{background:var(--soft);color:var(--blue);width:44px;height:44px;border-radius:12px;display:grid;place-content:center;font-size:20px;font-weight:600}.account-name{min-width:0;flex:1}.account-name strong{font-size:13px}.account-name p{font-size:11px;color:var(--muted);margin:7px 0 0;overflow:hidden;text-overflow:ellipsis}.code{font-size:28px;letter-spacing:4px;font-weight:500;color:var(--blue);background:none;font-variant-numeric:tabular-nums;white-space:nowrap}.timer{position:relative;width:33px;height:33px;display:grid;place-content:center;font-size:9px;color:var(--muted);margin:0 12px}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.delete{font-size:17px}.empty{padding:56px 20px;text-align:center;border:1px dashed #ced8e8;border-radius:12px;background:var(--surface)}.empty .empty-icon{font-size:30px;color:var(--blue)}.empty h3{font-size:18px;font-weight:600}.empty p{font-size:12px;color:var(--muted);line-height:1.7}.bottom-note{display:flex;justify-content:center;gap:8px;align-items:center;color:#95a0ae;font-size:10px;margin:34px 0 70px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;color:#9aa3b1;font-size:9px}footer strong{color:#758194;font-size:14px}dialog{border:1px solid var(--line);border-radius:20px;background:var(--surface);color:inherit;padding:30px;width:440px;max-width:calc(100vw - 32px);box-shadow:0 30px 120px #182e4a26}dialog::backdrop{background:#17294365;backdrop-filter:blur(5px)}dialog h2{font-size:23px;letter-spacing:-.6px;margin:10px 0 15px}dialog p{color:var(--muted);font-size:12px;line-height:1.8}dialog label{display:block;font-size:11px;font-weight:600;margin:18px 0}dialog input,dialog select{display:block;background:var(--surface);color:inherit;border:1px solid var(--line);border-radius:8px;width:100%;padding:12px;margin-top:8px;font-size:12px}.full{width:100%;margin-top:9px}.mini-logo{width:44px;height:44px;border-radius:12px;background:var(--blue);color:white;display:grid;place-content:center;font-size:29px;margin-bottom:24px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.error{color:#cc4959!important;min-height:5px}.advanced{display:flex;gap:8px}.advanced label{flex:1;min-width:0}summary{font-size:11px;color:var(--muted);cursor:pointer;margin-top:15px}#video{width:100%;margin-top:12px;border-radius:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#253449;color:white;padding:13px 22px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}.demo-banner{color:#977129;font-size:11px;margin:0 0 16px}.dark{--surface:#19212e;--line:#2d3849;--muted:#a1aec0;--soft:#253455;background:#111925;color:#e2e9f4}.dark .status-strip{background:#1c2b43;border-color:#2e4567}.dark .section-label b{background:#2d3849}@media(max-width:1000px){aside{width:210px;padding-left:12px;padding-right:12px}.workspace{margin-left:210px}main{padding:35px 26px 0}header{padding:0 26px}.code{font-size:23px}.account{padding:18px 14px;gap:10px}.timer{margin:0}.refresh-note{display:none}h1{font-size:29px}}@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:19px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:15px}.brand{padding:0;font-size:23px;flex:1}.logo{width:35px;height:38px;font-size:30px}.brand small{font-size:7px}.nav-title,.aside-bottom,.nav.selected{display:none}.nav{width:auto;margin:0;padding:7px;font-size:0}.nav span{font-size:22px}.workspace{margin:0}header{height:60px;padding:0 22px}.header-actions{gap:9px}.avatar{display:none}main{padding:32px 20px 0}.title-row{align-items:flex-start;flex-direction:column;margin-bottom:24px}h1{font-size:30px}.title-row .primary{width:100%}.status-strip{padding:15px;gap:12px}.badge{display:none}.list-toolbar{margin:24px 0}.search{width:100%}.account{flex-wrap:wrap;padding:18px}.account-name{flex-basis:60%}.service-icon{width:36px;height:36px;border-radius:10px}.code{margin-left:44px;font-size:29px;flex:1;text-align:left;padding:0}.section-label{font-size:8px}.bottom-note{font-size:9px;margin:28px 0 42px}footer>span:nth-child(2){display:none}}

.codes-hidden .code{visibility:hidden}#syncStatus{font-size:10px}#settingsDialog h3{font-size:15px}@media(max-width:700px){.refresh-note{display:block;font-size:9px}.list-toolbar{flex-wrap:wrap}}

[hidden]{display:none!important}

/* Supplied Kritko brand artwork, preserved at its original aspect ratio. */
.brand{padding:0;min-width:0}.brand-image{display:block;width:100%;max-width:210px;height:auto;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.signin-logo{display:block;width:260px;max-width:100%;height:auto;margin:0 auto 20px;background:#fff;border-radius:12px;padding:8px}.nav-title{margin-top:34px}
@media(max-width:700px){.brand-image{width:180px;max-width:100%}aside{padding-top:12px;padding-bottom:12px}.signin-logo{width:230px}}

#video{max-height:320px;object-fit:cover;background:#111}#scanNote{min-height:1em}#chooseQr{margin-top:8px}