*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:Raleway,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;background:#0c0e15}:root{--bg: #F2F4F7;--surface: #FFFFFF;--surface-2: #F7F8FA;--border: #E4E6EB;--border-soft: #EDEEF2;--fg-1: #0C172B;--fg-2: #282D3F;--fg-3: #4B5264;--fg-4: #6C7280;--fg-5: #AFB2B9;--brand: #41485B;--brand-2: #282D3F;--green: #28A745;--green-strong: #1E9636;--green-glow: rgba(40,167,69,.18);--blue: #106FD4;--red: #BF0026;--amber: #FB982E;--shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(15,19,32,.06);--shadow-up: 0 14px 40px rgba(15,19,32,.1), 0 2px 6px rgba(15,19,32,.05)}.k-app{height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);color:var(--fg-2);font-family:Raleway,sans-serif}.k-app.is-emergency{--bg: #1a0508;--surface: #2b0a10;--surface-2: #3a0e16;--border: #5b1620;--border-soft: #4a121b;--brand: #BF0026;--brand-2: #8a001b;--fg-1: #fff;--fg-2: #fff;--fg-3: rgba(255,255,255,.85);--fg-4: rgba(255,255,255,.65)}.k-app.is-emergency .k-topbar{position:relative;padding-top:22px}.k-app.is-emergency .k-topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(-45deg,#ffd400 0 24px,#000 24px 48px)}.k-topbar{display:flex;align-items:center;gap:24px;padding:18px 32px;background:var(--brand);color:#fff;border-bottom:1px solid rgba(0,0,0,.2)}.k-topbar__brand{display:flex;align-items:center;gap:14px}.k-topbar__sep{width:1px;height:28px;background:#ffffff2e}.k-topbar__logo{width:32px;height:32px;border-radius:8px;background:var(--green);display:grid;place-items:center}.k-topbar__logo .mi{font-size:20px;color:#fff}.k-topbar__product{font-weight:700;font-size:16px;letter-spacing:.05em;color:#fff;text-transform:uppercase}.k-topbar__product small{display:block;font-size:9px;font-weight:500;letter-spacing:.18em;opacity:.6;text-transform:uppercase}.k-topbar__site{display:flex;align-items:center;gap:10px;color:#ffffffd9;font-size:14px;font-weight:500}.k-topbar__site .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #28a7452e}.k-topbar__spacer{flex:1}.k-clock{font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:14px;color:#fff}.k-clock__time{font-size:30px;font-weight:300;letter-spacing:.02em}.k-clock__date{font-size:13px;opacity:.7;text-transform:uppercase;letter-spacing:.15em}.k-topbar__actions{display:flex;align-items:center;gap:8px}.k-icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s}.k-icon-btn:hover{background:#ffffff1a}.k-icon-btn.is-em{background:#fff;color:var(--red)}.k-body{position:relative;overflow:hidden}.k-body>*{height:100%}app-badge-login,app-check-in-out,app-operator-home,app-on-shift,app-shift-swap,app-emergency-muster,app-device-setup{display:block;height:100%;overflow:hidden}.k-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 32px;background:var(--brand-2);color:#fff9;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500}.k-footer__brand{display:flex;align-items:center;gap:10px}.k-footer__nav{display:flex;gap:4px;align-items:center}.k-footer__tab{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;font-family:Raleway,sans-serif;transition:all .15s}.k-footer__tab:hover{background:#ffffff0f;color:#fff}.k-footer__tab.is-active{background:var(--green);border-color:var(--green);color:#fff}.k-footer__tab--danger.is-active{background:var(--red);border-color:var(--red)}.k-footer__tab .mi{font-size:16px}.k-footer__status{display:flex;align-items:center;gap:16px}.mi{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;vertical-align:middle;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.mi--filled{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pill--green{background:#d9f8e4;color:#1e9636}.pill--blue{background:#e1edf9;color:#106fd4}.pill--amber{background:#fff3e0;color:#b86000}.pill--red{background:#fce3e5;color:#bf0026}.pill--gray{background:#ebecee;color:#6c7280}.btn{font-family:Raleway,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:10px;border:1px solid var(--border);font-weight:600;font-size:15px;letter-spacing:.02em;cursor:pointer;transition:all .15s;background:var(--surface-2);color:var(--fg-2)}.btn:hover{background:var(--border-soft)}.btn--primary{background:var(--green);color:#fff;border-color:var(--green)}.btn--primary:hover{background:var(--green-strong);border-color:var(--green-strong)}.btn--ghost{background:transparent}.btn--danger{background:var(--red);color:#fff;border-color:var(--red)}.btn--lg{padding:22px 32px;font-size:18px;border-radius:14px}.btn--xl{padding:28px 40px;font-size:22px;border-radius:16px;font-weight:700}.btn--block{width:100%}.btn .mi{font-size:22px}.btn--xl .mi{font-size:32px}.input{height:56px;border:1.5px solid var(--border);border-radius:12px;padding:0 18px;font-size:18px;background:var(--surface);color:var(--fg-1);font-family:Raleway,sans-serif;width:100%;outline:none}.input:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-glow)}.input--lg{height:72px;font-size:22px;padding:0 24px}label.field{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-4);margin-bottom:8px}.eyebrow{font-size:10px;letter-spacing:.168em;text-transform:uppercase;font-weight:700;color:var(--fg-4)}.mm-box{background:var(--surface);border-radius:16px;border:1px solid var(--border-soft);box-shadow:var(--shadow-card)}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;background:var(--fg-1);color:var(--surface);z-index:1000;box-shadow:0 14px 50px #0000004d;animation:toast-in .25s cubic-bezier(.2,.8,.2,1);white-space:nowrap}@keyframes toast-in{0%{transform:translate(-50%,-16px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast--ok{background:var(--green);color:#fff}.toast--err{background:var(--red);color:#fff}.success-splash{position:absolute;inset:0;background:var(--green);color:#fff;display:grid;place-items:center;z-index:100;animation:splash-in .25s cubic-bezier(.2,.8,.2,1)}.success-splash__inner{text-align:center}.success-splash .check{width:140px;height:140px;border-radius:50%;background:#ffffff2e;display:grid;place-items:center;margin:0 auto 24px}.success-splash .check .mi{font-size:90px}.success-splash h2{font-size:56px;font-weight:200;margin:0 0 12px;letter-spacing:-.02em}.success-splash h2 strong{font-weight:700}.success-splash p{font-size:22px;opacity:.9;margin:0}@keyframes splash-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.method-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--surface-2);border-radius:14px;padding:6px;border:1px solid var(--border-soft)}.method-tabs__tab{background:transparent;border:none;padding:12px 8px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--fg-3);font-family:Raleway,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:all .15s}.method-tabs__tab .mi{font-size:24px}.method-tabs__tab:hover{background:var(--surface)}.method-tabs__tab.is-active{background:var(--surface);color:var(--green);box-shadow:var(--shadow-card)}.face-frame{position:relative;aspect-ratio:4 / 3;background:linear-gradient(180deg,#1f2536,#0d1018);border-radius:16px;overflow:hidden;display:grid;place-items:center}.face-frame:before,.face-frame:after{content:"";position:absolute;width:32px;height:32px;border:3px solid var(--green)}.face-frame:before{top:16px;left:16px;border-right:none;border-bottom:none;border-top-left-radius:8px}.face-frame:after{bottom:16px;right:16px;border-left:none;border-top:none;border-bottom-right-radius:8px}.face-frame .corner-tr,.face-frame .corner-bl{position:absolute;width:32px;height:32px;border:3px solid var(--green)}.face-frame .corner-tr{top:16px;right:16px;border-left:none;border-bottom:none;border-top-right-radius:8px}.face-frame .corner-bl{bottom:16px;left:16px;border-right:none;border-top:none;border-bottom-left-radius:8px}.face-frame .scan-line{position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 16px var(--green);animation:scan 2.6s ease-in-out infinite}@keyframes scan{0%{top:22%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:78%;opacity:0}}.face-frame .silhouette{width:50%;height:70%;border:2px dashed rgba(255,255,255,.18);border-radius:50%/60% 60% 40% 40%;position:relative}.face-frame .silhouette .head{position:absolute;top:12%;left:50%;transform:translate(-50%);width:50%;aspect-ratio:1;border-radius:50%;background:#ffffff0a;border:2px dashed rgba(255,255,255,.2)}.face-frame .face-label{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#fff;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;background:#00000080;padding:6px 14px;border-radius:99px;display:flex;gap:8px;align-items:center;white-space:nowrap}.face-frame .face-label .mi{font-size:14px;color:var(--green)}.badge-swipe{position:relative;border:2px dashed var(--border);border-radius:16px;padding:32px 24px;background:var(--surface-2);display:flex;align-items:center;gap:22px}.badge-swipe .icon-wrap{width:72px;height:72px;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0}.badge-swipe .icon-wrap .mi{font-size:36px;color:var(--green)}.badge-swipe .badge-bars{display:flex;gap:4px;margin-top:12px}.badge-swipe .badge-bars span{display:block;height:22px;width:4px;background:var(--fg-5);border-radius:1px;animation:pulse 1.6s ease-in-out infinite}.badge-swipe .badge-bars span:nth-child(2){animation-delay:.1s}.badge-swipe .badge-bars span:nth-child(3){animation-delay:.2s}.badge-swipe .badge-bars span:nth-child(4){animation-delay:.3s}.badge-swipe .badge-bars span:nth-child(5){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;flex:1;min-height:0}.pinpad__key{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;font-family:Raleway,sans-serif;font-size:clamp(18px,2.5vh,32px);font-weight:600;color:var(--fg-1);cursor:pointer;transition:all .12s;display:grid;place-items:center;min-height:0}.pinpad__key:hover{background:var(--surface-2)}.pinpad__key:active{background:var(--green);color:#fff;border-color:var(--green);transform:scale(.97)}.pinpad__key.is-action{font-size:20px}.pinpad__key--enter{background:var(--green);color:#fff;border-color:var(--green)}.pinpad__key--enter:hover{background:var(--green-strong)}.pin-display{display:flex;gap:18px;justify-content:center;margin-bottom:22px}.pin-display .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:var(--surface-2);transition:all .15s}.pin-display .dot.is-filled{background:var(--green);border-color:var(--green);transform:scale(1.05)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.pin-shake{animation:shake .35s ease-in-out}.op-bar{display:flex;align-items:center;gap:24px;padding:28px 36px;background:var(--surface);border-bottom:1px solid var(--border-soft)}.op-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#106fd4,#00dbbf);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:700;letter-spacing:.02em;flex-shrink:0;box-shadow:0 6px 20px #106fd440;text-transform:uppercase}.op-name{font-size:32px;font-weight:700;color:var(--fg-1);line-height:1.1;margin:0}.op-meta{display:flex;gap:18px;align-items:center;margin-top:8px;color:var(--fg-3);font-size:14px}.op-meta .mi{font-size:16px}.op-meta__item{display:inline-flex;gap:6px;align-items:center}.op-meta__sep{width:4px;height:4px;background:var(--fg-5);border-radius:50%}.home-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:24px;box-shadow:var(--shadow-card)}.home-card h3{margin:0 0 18px;font-size:12px;letter-spacing:.168em;text-transform:uppercase;font-weight:700;color:var(--fg-4);display:flex;align-items:center;gap:8px}.home-card h3 .mi{font-size:16px}.shift{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.shift__time{font-size:44px;font-weight:200;color:var(--fg-1);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.shift__time strong{font-weight:700}.shift__progress{height:12px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border-soft);overflow:hidden;margin-top:12px}.shift__progress>div{height:100%;background:linear-gradient(90deg,var(--green),#4CD970);border-radius:99px}.break{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:18px;background:linear-gradient(135deg,#00dbbf14,#106fd414);border-radius:12px;border:1px solid rgba(0,219,191,.2)}.break__count{font-size:30px;font-weight:200;font-variant-numeric:tabular-nums;color:var(--fg-1);line-height:1;letter-spacing:-.02em}.break__count strong{font-weight:700;color:var(--blue)}.task{display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-soft);align-items:center}.task:last-child{border-bottom:none}.task__check{width:24px;height:24px;border-radius:6px;border:2px solid var(--border);display:grid;place-items:center;cursor:pointer}.task__check.is-done{background:var(--green);border-color:var(--green);color:#fff}.task__check .mi{font-size:18px}.task__title{font-weight:600;font-size:14px;color:var(--fg-1)}.task__meta{font-size:11px;color:var(--fg-4);margin-top:2px;display:flex;gap:8px;align-items:center}.cert{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft);align-items:center}.cert:last-child{border-bottom:none}.cert__icon{width:36px;height:36px;border-radius:10px;background:#d9f8e4;color:#1e9636;display:grid;place-items:center}.cert__icon.is-warn{background:#fff3e0;color:#b86000}.cert__icon.is-expired{background:#fce3e5;color:#bf0026}.cert__name{font-weight:600;font-size:13px;color:var(--fg-1)}.cert__exp{font-size:11px;color:var(--fg-4);margin-top:2px}.bigstat{font-size:96px;font-weight:200;letter-spacing:-.04em;color:var(--fg-1);line-height:1;font-variant-numeric:tabular-nums}.bigstat strong{font-weight:700}.activity{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:12px}.activity:nth-child(odd){background:var(--surface-2)}.activity__time{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;color:var(--fg-3);width:56px;flex-shrink:0}.activity__avatar{width:36px;height:36px;border-radius:50%;background:#6c728026;color:var(--fg-3);display:grid;place-items:center}.activity__avatar.is-in{background:#28a74526;color:var(--green)}.activity__avatar .mi{font-size:18px}.activity__name{flex:1;font-weight:600;color:var(--fg-1);font-size:15px}.activity__zone{font-size:12px;color:var(--fg-4)}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px;border-top:1px solid var(--border-soft)}.kpi{text-align:center}.kpi__num{font-size:36px;font-weight:200;color:var(--fg-1);line-height:1;font-variant-numeric:tabular-nums}.kpi__label{margin-top:6px;color:var(--fg-4)}.emergency-banner{background:var(--brand);color:#fff;padding:24px 36px;display:flex;align-items:center;gap:20px;border-bottom:4px solid #FFD400;border-radius:16px}.emergency-banner__icon{width:64px;height:64px;border-radius:50%;background:#ffffff26;display:grid;place-items:center;flex-shrink:0;animation:pulse-em 1.2s ease-in-out infinite}.emergency-banner__icon .mi{font-size:36px}@keyframes pulse-em{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 16px #fff0}}.emergency-banner h2{margin:0;font-size:28px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.emergency-banner p{margin:4px 0 0;font-size:16px;opacity:.92}.headcount{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.headcount-card{background:var(--surface);border-radius:16px;padding:24px;border:1px solid var(--border-soft)}.headcount-card .num{font-size:72px;font-weight:200;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff}.headcount-card.is-good .num{color:#4cd970}.headcount-card.is-warn .num{color:#ffd400}.headcount-card .label{margin-top:8px;font-size:11px;letter-spacing:.168em;font-weight:700;text-transform:uppercase;color:#ffffffb3}.unaccounted-list{background:var(--surface);border-radius:16px;border:1px solid var(--border-soft)}.unaccounted-list h3{margin:0;padding:18px 22px;font-size:12px;font-weight:700;letter-spacing:.168em;text-transform:uppercase;color:#ffffffbf;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center}.unaccounted-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:14px 22px;border-bottom:1px solid var(--border-soft);align-items:center;color:#fff}.unaccounted-row:last-child{border-bottom:none}.unaccounted-row .ava{width:40px;height:40px;border-radius:50%;background:#ffffff1f;display:grid;place-items:center;font-weight:700;font-size:14px;text-transform:uppercase}.unaccounted-row .name{font-weight:600;font-size:14px}.unaccounted-row .meta{font-size:11px;color:#fff9;margin-top:2px}.badge-input-hidden{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.operator-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;flex-shrink:0}.operator-avatar .initials{font-size:1rem;color:#fff;line-height:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;gap:12px;color:var(--fg-4)}.screen-enter{animation:fade-up .35s cubic-bezier(.2,.8,.2,1)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-track{background:transparent}.dev-id{display:flex;gap:12px;align-items:center;padding:14px 18px;background:var(--surface-2);border-radius:12px;border:1px solid var(--border-soft);font-size:13px;color:var(--fg-3)}.dev-id strong{color:var(--green)}