:root{--bg: #0b1f3a;--panel: #13325c;--line: #244a82;--accent: #ffc83d;--text: #eaf1fb;--muted: #9fb3d1}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.center{align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.muted{color:var(--muted)}.error{color:#ff9b9b;text-align:center}.login__card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px}.login__title{text-align:center;font-size:1.6rem}.login__sub{text-align:center;margin-top:-6px}.login__hint{font-size:.82rem;text-align:center;margin-top:4px}.input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:14px 16px;font-size:1rem}.input:focus{outline:2px solid var(--accent)}.field-label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted);text-align:left}.field-hint{margin-top:-8px;font-size:.78rem;color:#ffd766;text-align:left}.btn{border:none;border-radius:12px;padding:15px 18px;font-size:1rem;font-weight:700;cursor:pointer}.btn--primary{background:var(--accent);color:var(--bg)}.btn--light{background:#fff;color:var(--bg);margin-top:28px;padding-left:34px;padding-right:34px}.link{background:none;border:none;color:var(--accent);font-size:.95rem;font-weight:600;cursor:pointer}.install{gap:16px}.install__brand{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px;display:inline-flex}.install__brandimg{width:56px;height:auto;display:block}.install__appname{font-size:1rem;font-weight:700;color:var(--text)}.install__title{font-size:1.5rem}.install__lead{max-width:360px;line-height:1.5}.install__cta{width:min(360px,88vw);font-size:1.1rem;padding:17px 18px}.install__steps{text-align:left;max-width:360px;width:88vw;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 18px 18px 38px;display:flex;flex-direction:column;gap:10px;line-height:1.45}.install__steps li{padding-left:4px}.install__skip{margin-top:6px;color:var(--muted);font-weight:500;font-size:.85rem}.install__done{display:flex;flex-direction:column;gap:12px;max-width:360px}.phone{position:relative;width:196px;height:312px;background:#06152b;border:6px solid #20457c;border-radius:30px;box-shadow:0 14px 34px #00000080;overflow:hidden;flex:none}.phone__notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:66px;height:15px;background:#20457c;border-radius:0 0 12px 12px;z-index:6}.phone__screen{position:absolute;top:0;right:0;bottom:0;left:0}.demo-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0}.demo-frame--1{animation:demoF1 6s infinite}.demo-frame--2{animation:demoF2 6s infinite}.demo-frame--3{animation:demoF3 6s infinite}@keyframes demoF1{0%{opacity:1}28%{opacity:1}34%{opacity:0}94%{opacity:0}to{opacity:1}}@keyframes demoF2{0%,33%{opacity:0}39%,61%{opacity:1}67%,to{opacity:0}}@keyframes demoF3{0%,66%{opacity:0}72%,96%{opacity:1}to{opacity:0}}.demo-browser{flex:1;display:flex;flex-direction:column;background:#0b1f3a}.demo-topbar{display:flex;align-items:center;gap:6px;padding:16px 8px 8px;background:#13325c}.demo-topbar--center{justify-content:center}.demo-url{font-size:.56rem;color:#cdddf5;background:#0b1f3a;border-radius:8px;padding:5px 8px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.demo-topbar--center .demo-url{flex:0 1 auto;max-width:80%}.demo-dots{position:relative;font-size:1rem;color:#fff;padding:0 4px}.demo-body{flex:1;display:flex;align-items:center;justify-content:center}.demo-body--dim{background:#00000073}.demo-cta{position:relative;background:var(--accent);color:var(--bg);font-weight:800;font-size:.78rem;padding:12px 14px;border-radius:12px}.demo-tap{position:absolute;width:22px;height:22px;border-radius:50%;background:#ffffff59;border:2px solid #fff;animation:tapPulse 1.4s infinite;pointer-events:none}.demo-tap--center{top:50%;left:50%;margin:-11px 0 0 -11px}.demo-tap--dots{top:-2px;left:-2px}.demo-tap--menu,.demo-tap--sheet{top:50%;right:10px;margin-top:-11px}.demo-tap--share{top:-3px;left:-3px}@keyframes tapPulse{0%{box-shadow:0 0 #ffffff8c}70%{box-shadow:0 0 0 13px #fff0}to{box-shadow:0 0 #fff0}}.demo-menu{align-self:flex-end;width:74%;margin:4px 6px 0 0;background:#fff;color:#222;border-radius:12px;overflow:hidden;box-shadow:0 10px 22px #00000073}.demo-menu__item{display:block;position:relative;font-size:.66rem;padding:10px 12px;border-bottom:1px solid #eee}.demo-menu__item--hot{background:#fff6da;font-weight:800;color:#7a5b00}.demo-iosbar{margin-top:auto;display:flex;justify-content:center;padding:12px;background:#13325c}.demo-sharebtn{position:relative;width:30px;height:30px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.demo-share{width:18px;height:18px}.demo-sheet{margin-top:auto;background:#fff;color:#222;border-radius:16px 16px 0 0;padding:8px}.demo-sheet__row{display:block;position:relative;font-size:.68rem;padding:10px 8px}.demo-sheet__row--hot{background:#eef2ff;border-radius:10px;font-weight:800;color:#1b3a8a}.demo-sheet__plus{font-weight:800}.demo-dialog{width:78%;background:#fff;color:#222;border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 10px 24px #00000080}.demo-dialog__icon{width:40px;height:40px;border-radius:10px}.demo-dialog__title{font-size:.74rem;font-weight:700}.demo-dialog__btns{display:flex;gap:10px;margin-top:2px}.demo-dialog__btn{position:relative;font-size:.7rem;color:#1b3a8a;font-weight:700;padding:4px 8px}.demo-dialog__btn--hot{background:#1b3a8a;color:#fff;border-radius:8px}.demo-home{flex:1;background:linear-gradient(160deg,#0b1f3a,#163a6c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.demo-home__pop{display:flex;flex-direction:column;align-items:center;gap:6px;animation:popCycle 6s infinite}.demo-home__icon{width:54px;height:54px;border-radius:14px;box-shadow:0 6px 16px #0000008c}.demo-home__label{font-size:.68rem;color:var(--text)}.demo-home__check{font-size:.66rem;color:#8ff0ab;font-weight:700}@keyframes popCycle{0%,66%{transform:scale(.2);opacity:0}73%{transform:scale(1.12);opacity:1}80%,96%{transform:scale(1);opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.demo-frame--1,.demo-frame--2{animation:none;opacity:0}.demo-frame--3{animation:none;opacity:1}.demo-home__pop{animation:none;transform:none;opacity:1}.demo-tap{animation:none}}.scanner{position:relative;background:#000;height:100vh;height:100dvh}.scanner__header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 14px) 18px 14px;background:linear-gradient(rgba(0,0,0,.55),transparent)}.scanner__name{font-weight:600}.scanner__reader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;overflow:hidden;background:#000}.scanner__reader video{width:100%!important;height:100%!important;object-fit:cover!important}.scanner__reader>*:not(video){display:none!important}.scanner__hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:none}.scanner__frame{width:240px;height:240px;border:3px solid var(--accent);border-radius:22px;box-shadow:0 0 0 9999px #00000059}.scanner__hint p{background:#00000080;padding:8px 16px;border-radius:999px;font-size:.95rem}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.overlay--busy{background:#0b1f3ad9}.overlay--in{background:#168043f2}.overlay--out{background:#13508cf2}.overlay--error{background:#961e1ef2}.overlay__icon{font-size:90px;line-height:1}.overlay__title{font-size:2rem;margin-top:6px}.overlay__msg{font-size:1.05rem;margin-top:8px;opacity:.92}.spinner{width:46px;height:46px;border:4px solid rgba(255,255,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:#8be0a8;text-align:center;font-size:.92rem}.small{font-size:.82rem}.scanner__header-actions{display:flex;align-items:center;gap:16px}.leave{background:var(--bg);min-height:100vh;min-height:100dvh}.leave .scanner__header{position:static;background:var(--panel)}.leave__body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:22px}.leave__form{display:flex;flex-direction:column;gap:14px}.leave__list-title{font-size:1.05rem;margin-bottom:10px}.leave__items{list-style:none;display:flex;flex-direction:column;gap:10px}.leave__item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.leave__item-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.leave-pill{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--line);color:var(--text)}.leave-pill--pending{background:#5a4a12;color:#ffd766}.leave-pill--ok{background:#14401f;color:#8be0a8}.leave-pill--no{background:#4a1620;color:#ff9b9b}.leave-pill--muted{background:var(--line);color:var(--muted)}.checkout-reminder{margin:10px 14px 0;padding:11px 14px;border-radius:12px;background:#ffc83d29;border:1px solid rgba(255,200,61,.45);color:#ffe08a;font-size:.9rem;line-height:1.4}