:root{color:#14211e;font-synthesis:none;--accent:#cf8b32;--accent-dark:#9f6419;--deep:#102c26;--deep-2:#173b33;--canvas:#f3f5f0;--card:#fff;--line:#13231f1f;--muted:#697873;--danger:#c85343;--success:#24815d;--shadow:0 15px 45px #12272117;background:#f3f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=sapphire]{--accent:#4778cb;--accent-dark:#2c559d;--deep:#101f3d;--deep-2:#192d52;--canvas:#f1f4f9}:root[data-theme=terracotta]{--accent:#c65d36;--accent-dark:#944126;--deep:#35211d;--deep-2:#4b2c25;--canvas:#f7f2ed}:root[data-theme=graphite]{--accent:#7b8792;--accent-dark:#53606a;--deep:#1c2328;--deep-2:#293238;--canvas:#f1f3f4}:root[data-theme=coastal]{--accent:#168b8b;--accent-dark:#0e686a;--deep:#0c3031;--deep-2:#124346;--canvas:#eef6f5}*{box-sizing:border-box}body{background:var(--canvas);color:#14211e;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.muted{color:var(--muted);line-height:1.6}.primary{background:var(--accent);color:#fff;min-height:44px;box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 25%,transparent);border:0;border-radius:11px;padding:0 18px;font-weight:850}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.wide{width:100%}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 5px 20px #1426200a}.login-shell{background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%),var(--deep);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:25px;width:min(430px,100%);padding:35px;box-shadow:0 30px 80px #00000047}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup>span{background:var(--accent);color:#fff;border-radius:13px;place-items:center;width:45px;height:45px;font-family:Georgia,serif;font-size:25px;display:grid;overflow:hidden}.brand-lockup>span img{object-fit:cover;width:100%;height:100%}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-family:Georgia,serif;font-size:23px}.brand-lockup small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:9px}.login-kicker{color:var(--accent);letter-spacing:.14em;margin:35px 0 5px;font-size:9px;font-weight:900}.login-card h1{margin:0;font-family:Georgia,serif;font-size:31px}.login-card label{margin:16px 0;display:block}.login-card label>span{margin-bottom:7px;font-size:10px;font-weight:800;display:block}.login-card input{border:1px solid var(--line);border-radius:11px;outline:0;width:100%;height:48px;padding:0 13px}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.login-card input.otp{text-align:center;letter-spacing:.3em;font-size:25px;font-weight:850}.error-banner{color:#a44335;background:#fde9e5;border-radius:9px;margin:12px 0;padding:11px;font-size:11px}.link-button{color:var(--accent);background:0 0;border:0;margin:13px auto 0;font-weight:750;display:block}.login-card footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:22px;padding-top:17px;font-size:9px}.loading,.fatal{text-align:center;background:var(--deep);color:#fff;place-items:center;min-height:100vh;display:grid}.loading span{border:4px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:45px;height:45px;margin:auto;animation:1s linear infinite spin;display:block}.loading p{opacity:.7}.fatal>div{max-width:440px;padding:30px}.fatal h1{font-family:Georgia,serif}@keyframes spin{to{transform:rotate(360deg)}}.guard-app{min-height:100vh;padding-top:76px;padding-left:106px}.topbar{z-index:20;background:var(--deep);color:#fff;border-bottom:1px solid #ffffff14;align-items:center;height:76px;padding:0 24px 0 122px;display:flex;position:fixed;inset:0 0 auto}.gate-status{align-items:center;gap:10px;display:flex}.gate-status>i{background:#59d49b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #59d49b1f}.gate-status small,.gate-status strong{display:block}.gate-status small,.clock small,.theme small{letter-spacing:.12em;opacity:.5;font-size:8px}.gate-status strong{margin-top:3px}.top-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.clock{text-align:right}.clock strong{font-variant-numeric:tabular-nums;margin-top:2px;display:block}.theme{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:7px 10px}.theme small{display:block}.theme select{color:#fff;background:0 0;border:0;outline:0;font-size:10px;font-weight:750}.theme option{color:#111}.profile{color:#fff;text-align:left;background:#ffffff0f;border:0;border-radius:12px;align-items:center;gap:9px;padding:6px 10px;display:flex}.profile>span{background:var(--accent);border-radius:50%;place-items:center;width:35px;height:35px;font-size:10px;font-weight:850;display:grid}.profile p{margin:0}.profile strong,.profile small{display:block}.profile small{opacity:.5;margin-top:2px;font-size:8px}.rail{z-index:25;background:var(--deep-2);color:#fff;flex-direction:column;align-items:center;width:106px;padding:13px 10px;display:flex;position:fixed;inset:0 auto 0 0}.rail-brand{background:var(--accent);border-radius:13px;place-items:center;width:46px;height:46px;margin:2px 0 30px;font-family:Georgia,serif;font-size:25px;display:grid;overflow:hidden}.rail-brand img{object-fit:cover;width:100%;height:100%}.nav{color:#fff;opacity:.55;background:0 0;border:0;border-radius:13px;width:86px;min-height:70px;margin-bottom:6px;padding:8px}.nav:hover,.nav.active{opacity:1;background:#ffffff14}.nav.active{box-shadow:inset 3px 0 var(--accent)}.nav>span{font-size:22px;display:block;position:relative}.nav>span i{border:2px solid var(--deep-2);background:var(--accent);border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:-3px;padding:0 4px;font-size:8px;font-style:normal;display:inline-grid;position:absolute;top:-5px}.nav small{margin-top:5px;font-size:9px;font-weight:750;display:block}.sos{color:#fff;background:#8e342c;border:1px solid #ffffff1f;border-radius:50%;width:58px;height:58px;margin-top:auto;font-size:19px;font-weight:900}.sos small{font-size:7px;display:block}.workspace{max-width:1580px;margin:auto;padding:38px 35px 70px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.page-head>div:first-child>small,.section-head small,.lane-head small,.scanner+*>small,.pass-result>small{color:var(--accent);letter-spacing:.14em;font-size:9px;font-weight:900}.page-head h1{margin:5px 0;font-family:Georgia,serif;font-size:37px}.page-head p{color:var(--muted);margin:0}.page-head>div:last-child{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 18px;display:flex}.page-head>div:last-child span{border-right:1px solid var(--line);padding:0 18px}.page-head>div:last-child span:last-child{border:0}.page-head>div:last-child small,.page-head>div:last-child strong{display:block}.page-head>div:last-child small{color:var(--muted);letter-spacing:.1em;font-size:7px}.page-head>div:last-child strong{margin-top:4px;font-size:11px}.checkin-grid{grid-template-columns:minmax(600px,1fr) 350px;gap:17px;display:grid}.form-panel{padding:23px}.section-head{align-items:center;gap:11px;display:flex}.section-head>span{background:color-mix(in srgb,var(--accent) 13%,#fff);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;font-family:Georgia,serif;font-size:18px;font-weight:800;display:grid}.section-head h2{margin:3px 0 0;font-family:Georgia,serif;font-size:21px}.section-head.second{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.search-field{border:1px solid var(--line);border-radius:11px;align-items:center;margin-top:15px;display:flex;position:relative}.search-field b{padding-left:13px}.search-field input{background:0 0;border:0;outline:0;flex:1;height:47px;padding:0 10px}.search-field button{background:0 0;border:0;width:38px;font-size:19px}.results{z-index:5;border:1px solid var(--line);width:calc(100% - 46px);max-height:260px;box-shadow:var(--shadow);background:#fff;border-radius:11px;margin-top:3px;position:absolute;overflow:auto}.results button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.results button:hover{background:var(--canvas)}.results button>span,.selected-unit>span{background:color-mix(in srgb,var(--accent) 12%,#fff);width:35px;height:35px;color:var(--accent);border-radius:9px;place-items:center;font-weight:850;display:grid}.results p,.selected-unit p{margin:0}.results strong,.results small,.selected-unit strong,.selected-unit small{display:block}.results small,.selected-unit small{color:var(--muted);margin-top:2px;font-size:9px}.selected-unit{background:#e8f5ed;border-radius:11px;align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.selected-unit p{flex:1}.selected-unit em{color:var(--success);font-size:9px;font-style:normal;font-weight:850}.type-row{grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0;display:grid}.type-row button{border:1px solid var(--line);text-transform:capitalize;background:#fff;border-radius:9px;height:40px;font-size:9px;font-weight:800}.type-row button.selected{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,#fff);color:var(--accent)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label{flex-direction:column;gap:6px;display:flex}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{font-size:9px;font-weight:800}.form-grid label em{color:var(--muted);font-style:normal;font-weight:500}.form-grid input{border:1px solid var(--line);border-radius:9px;outline:0;width:100%;height:43px;padding:0 10px}.form-grid input:focus{border-color:var(--accent)}.form-grid .photo{border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 4%,#fff);border-radius:10px;grid-column:1/-1;padding:12px;position:relative}.photo input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo b{color:var(--accent);font-size:10px}.form-footer{border-top:1px solid var(--line);background:#fafbf8;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:15px;margin:20px -23px -23px;padding:16px 23px;display:flex}.form-footer p{align-items:center;gap:8px;margin:0;display:flex}.form-footer strong,.form-footer small{display:block}.form-footer small{color:var(--muted);margin-top:2px;font-size:8px}.lane{flex-direction:column;gap:12px;display:flex}.lane>.panel{padding:18px}.lane-head{justify-content:space-between;align-items:center;display:flex}.lane-head h2{margin:4px 0 0;font-family:Georgia,serif;font-size:20px}.lane-head>b{background:color-mix(in srgb,var(--accent) 13%,#fff);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.queue-card{border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:13px}.queue-card.urgent{background:#fff8f6;border-color:#e2a499}.queue-card header{align-items:center;gap:9px;display:flex}.queue-card header>span{background:var(--deep);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:9px;font-weight:850;display:grid}.queue-card p{flex:1;margin:0}.queue-card strong,.queue-card small{display:block}.queue-card small{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:8px}.queue-card time{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:850}.queue-card footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:11px;padding-top:9px;font-size:8px;display:flex}.queue-card footer em{color:#a16b15;font-style:normal}.ready{color:#fff;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;display:grid;background:var(--deep)!important}.ready>span{width:37px;height:37px;color:var(--success);background:#e4f5eb;border-radius:50%;place-items:center;font-weight:900;display:grid}.ready h3{margin:3px 0;font-family:Georgia,serif}.ready p{opacity:.58;margin:0;font-size:8px}.ready small{color:#70d3a8}.ready .primary{padding:0 13px}.empty{color:var(--muted);text-align:center;place-items:center;padding:30px;display:grid}.empty>span{width:35px;height:35px;color:var(--success);background:#e4f5eb;border-radius:50%;place-items:center;display:grid}.empty p{font-size:10px}.scan-layout{grid-template-columns:1fr 380px;align-items:start;gap:16px;display:grid}.scanner,.keypad,.pass-result{padding:22px}.scan-frame{background:linear-gradient(#081917de,#081917de),radial-gradient(circle,var(--accent),transparent);color:#fff;border-radius:16px;align-content:center;place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.scan-frame:before,.scan-frame:after{content:"";border-color:var(--accent);border-style:solid;width:80px;height:80px;position:absolute}.scan-frame:before{border-width:3px 0 0 3px;top:35px;left:35px}.scan-frame:after{border-width:0 3px 3px 0;bottom:35px;right:35px}.scan-frame i{background:var(--accent);height:2px;box-shadow:0 0 20px var(--accent);animation:2s ease-in-out infinite scan;position:absolute;left:15%;right:15%}@keyframes scan{0%,to{top:25%}50%{top:75%}}.scan-frame>span{font-size:60px}.scan-frame strong{margin-top:18px}.scan-frame small{opacity:.5;margin-top:6px}.keypad>h2{font-family:Georgia,serif}.keypad>input{border:1px solid var(--line);text-align:center;letter-spacing:.35em;border-radius:11px;width:100%;height:58px;margin:10px 0 14px;font-size:28px;font-weight:850}.keypad>div{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px;display:grid}.keypad>div button{border:1px solid var(--line);background:#fff;border-radius:10px;height:52px;font-weight:850}.keypad>div button:active{background:var(--canvas)}.pass-result{grid-column:2}.pass-result>span{width:47px;height:47px;color:var(--success);background:#e4f5eb;border-radius:50%;place-items:center;font-size:24px;display:grid}.pass-result h2{font-family:Georgia,serif}.pass-result>p{color:var(--muted);text-transform:capitalize}.pass-result dl{grid-template-columns:1fr 1fr;margin:16px 0;display:grid}.pass-result dt{color:var(--muted);text-transform:uppercase;font-size:8px}.pass-result dd{margin:3px 0;font-size:10px;font-weight:800}.table-panel{padding:19px}.table-tools{justify-content:flex-end;gap:8px;margin-bottom:14px;display:flex}.table-tools input{border:1px solid var(--line);border-radius:9px;width:300px;height:41px;padding:0 11px}.table-tools button{border:1px solid var(--line);background:#fff;border-radius:9px;height:41px;padding:0 14px;font-weight:750}.visit-table{min-width:700px}.table-panel{overflow:auto}.visit-row{border-top:1px solid var(--line);grid-template-columns:1.5fr 1fr .8fr .7fr .7fr;align-items:center;min-height:70px;display:grid}.visit-row.head{min-height:38px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border:0;font-size:8px;font-weight:850}.visit-row>span:first-child{align-items:center;gap:9px;display:flex}.visit-row i{background:var(--deep);color:#fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:8px;font-style:normal;display:grid}.visit-row b,.visit-row small{display:block}.visit-row small{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:8px}.visit-row button{border:1px solid var(--accent);height:35px;color:var(--accent);background:#fff;border-radius:8px;padding:0 12px;font-size:9px;font-weight:850}.visit-row em{border-radius:99px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:850}.visit-row em.done{color:var(--success);background:#e4f5eb}.visit-row em.open{color:#99600b;background:#fff0d8}.history .visit-row{grid-template-columns:.8fr 1.3fr 1fr .8fr .7fr}.toast{z-index:50;background:var(--deep);color:#fff;border-radius:12px;min-width:280px;padding:15px 17px;animation:.2s toast;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 45px #00000040}@keyframes toast{0%{opacity:0;transform:translateY(8px)}}@media (width<=1050px){.checkin-grid{grid-template-columns:1fr}.lane{grid-template-columns:1fr 1fr;display:grid}.scan-layout{grid-template-columns:1fr 330px}}@media (width<=760px){.guard-app{padding-top:64px;padding-bottom:76px;padding-left:0}.topbar{height:64px;padding:0 12px}.clock,.theme small,.profile p{display:none}.theme{padding:7px}.rail{flex-direction:row;justify-content:space-around;width:auto;height:70px;padding:6px 8px;inset:auto 0 0}.rail-brand{display:none}.nav{width:auto;min-width:62px;min-height:58px;margin:0;padding:4px 9px}.sos{width:48px;height:48px;margin:0}.workspace{padding:24px 13px}.page-head{display:block}.page-head h1{font-size:29px}.page-head>div:last-child{width:max-content;margin-top:15px}.checkin-grid{display:block}.lane{margin-top:13px;display:flex}.form-grid{grid-template-columns:1fr}.form-grid label.wide,.form-grid .photo{grid-column:auto}.type-row{grid-template-columns:repeat(3,1fr)}.form-footer{display:block}.form-footer .primary{width:100%;margin-top:12px}.scan-layout{display:block}.scanner{display:none}.keypad,.pass-result{margin-bottom:13px}.pass-result{grid-column:auto}.page-head>div:last-child span{padding:0 10px}.table-tools input{width:100%}.toast{min-width:0;bottom:84px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.loading,.fatal{gap:22px}.topbar.minimal{border:1px solid #ffffff14;border-radius:14px;width:min(480px,90vw);height:auto;padding:14px 20px;position:static}.fatal.off-duty h1{margin:0 0 8px}.fatal.off-duty p{margin:0 0 6px}.fatal.off-duty .primary{margin-top:14px}.phone-input-row{align-items:stretch;display:flex}.phone-country-badge{border:1px solid var(--line);background:var(--canvas);border-right:0;border-radius:11px 0 0 11px;flex:none;align-items:center;gap:5px;height:44px;padding:0 10px 0 12px;font-size:13px;font-weight:800;display:flex}.phone-input-row .phone-number-field{border:1px solid var(--line);border-radius:0 11px 11px 0;outline:0;flex:auto;width:100%;min-width:0;height:44px;padding:0 10px}.phone-input-row .phone-number-field:focus{border-color:var(--accent)}