:root,[data-theme=light]{--bg: #f8fafc;--card: #ffffff;--bg-card: #ffffff;--ink: #0f172a;--text: #0f172a;--text-body: #334155;--muted: #64748b;--text-muted: #64748b;--line: #e2e8f0;--border: #e2e8f0;--brand: #0b57d0;--brand-hover: #0842a0;--brand-light: #edf6ff;--brand-ink: #ffffff;--warn: #b45309;--warnbg: #fef3c7;--err: #dc2626;--errbg: #fee2e2;--okbg: #d1fae5;--ok: #059669}[data-theme=dark]{--bg: #0b1329;--card: #131f37;--bg-card: #131f37;--ink: #f8fafc;--text: #f8fafc;--text-body: #cbd5e1;--muted: #94a3b8;--text-muted: #94a3b8;--line: #1e293b;--border: #1e293b;--brand: #2563eb;--brand-hover: #1d4ed8;--brand-light: rgba(37, 99, 235, .15);--brand-ink: #ffffff;--warn: #fbbf24;--warnbg: #3a2a08;--err: #f87171;--errbg: #3b1414;--okbg: #064e3b;--ok: #34d399}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-body);font:15px/1.5 Open Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4,b,strong{color:var(--ink)}h1,h3{margin:0 0 8px}h3{font-size:16px}button,input,select{font:inherit;color:inherit}input,select{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);transition:border-color .15s ease}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0b57d026}:focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px!important}label{display:block;margin-bottom:10px;font-size:13px;color:var(--muted);font-weight:600}label input,label select{margin-top:4px;color:var(--ink)}label.inline{display:flex;flex-direction:column;margin:0}label.grow,.grow{flex:1;min-width:140px}button{cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 15px;border-radius:8px;font-weight:600;transition:all .15s ease}button:focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px!important;box-shadow:0 0 0 3px #0b57d040!important}button:hover{background:var(--bg);border-color:#cbd5e1}button.primary{background:var(--brand);color:var(--brand-ink)!important;border-color:var(--brand);font-weight:700;box-shadow:0 2px 6px #0b57d040}button.primary:hover{background:var(--brand-hover)!important;color:var(--brand-ink)!important;border-color:var(--brand-hover);box-shadow:0 4px 10px #0b57d059}button.ghost{background:transparent;border-color:transparent;color:var(--text-body)}button.ghost:hover{background:#0000000a;color:var(--ink)}button:disabled{opacity:.55;cursor:default;box-shadow:none}button.link{border:0;background:none;color:var(--brand);padding:2px 6px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0;box-shadow:0 2px 8px #00000008}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login{width:100%;max-width:360px;text-align:center}.login label{text-align:left}.logo{font-size:38px}.muted{color:var(--muted)}.small{font-size:13px}.mini{font-size:12.5px}.muted.mini,.muted.small{color:#475569}[data-theme=dark] .muted.mini,[data-theme=dark] .muted.small{color:#cbd5e1}.calc-addon-item .muted.mini{color:#334155}[data-theme=dark] .calc-addon-item .muted.mini{color:#cbd5e1}.error,.warn,.ok{padding:10px 14px;border-radius:8px;margin:10px 0;font-size:14px;font-weight:500}.error{background:var(--errbg);color:var(--err);border:1px solid rgba(220,38,38,.2)}.warn{background:var(--warnbg);color:var(--warn);border:1px solid rgba(180,83,9,.2)}.ok{background:var(--okbg);color:var(--ok);border:1px solid rgba(5,150,105,.2)}.row{display:flex;gap:10px;align-items:flex-end}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 1px 3px #00000005;gap:12px;flex-wrap:wrap}.bar button,.bar a.button{height:38px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.tabs{display:flex;gap:4px;padding:0 20px;background:var(--card);border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:12px 16px;color:var(--ink);font-weight:600;font-size:13.5px;white-space:nowrap;transition:all .15s ease}.tabs button svg{color:var(--brand);transition:color .15s ease}.tabs button:hover{color:var(--brand);background:transparent}.tabs button:hover svg{color:var(--brand)}.tabs button.active{color:var(--brand);border-color:var(--brand);font-weight:700}.tabs button.active svg{color:var(--ink)}@media (max-width: 768px){.bar{padding:10px 14px}.tabs{padding:0 10px}.tabs button{padding:10px 12px;font-size:13px}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000005}.stat b{display:block;font-size:26px;color:var(--ink)}.stat span{color:var(--muted);font-size:13px;font-weight:500}.tablewrap{width:100%;overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);white-space:normal}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-weight:700;background:#00000003}tr.click{cursor:pointer}tr.click:hover{background:#0b57d008}td.detail{background:#0b57d005;white-space:normal}table.mini{margin-top:8px}table.mini td,table.mini th{padding:6px 12px}tr.voided td{text-decoration:line-through;color:var(--muted)}tr.voided td.actions{text-decoration:none}td.actions{text-align:right}.badge{background:var(--warnbg);color:var(--warn);padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:800px){.grid2{grid-template-columns:1fr}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal img{max-width:100%;max-height:90vh;border-radius:12px}.face-pill{display:inline-block;padding:3px 8px;border-radius:99px;font-size:12px;font-weight:600;margin-right:4px}.face-pill.enrolled{background:var(--okbg);color:var(--ok)}.face-pill.missing{background:var(--warnbg);color:var(--warn)}.pin-badge{background:#e0e7ff;color:#3730a3;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:700;margin-left:4px}.source-tag{display:inline-block;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:600}.source-tag.kiosco{background:#e0f2fe;color:#0369a1}.source-tag.pin{background:#fef3c7;color:#b45309}.small-btn{padding:5px 10px;font-size:13px}.kiosk-launch-btn{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.kiosk-launch-btn:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.enroll-dialog{width:100%;max-width:540px}.enroll-cam-box .video-wrap{position:relative;width:100%;height:320px;background:#000;border-radius:12px;overflow:hidden}.enroll-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.enroll-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.status-badge{text-align:center;padding:8px;margin-top:8px;background:var(--bg);border-radius:8px;font-weight:600;font-size:13px}.face-thumb{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:12px;border:2px solid var(--brand)}.current-face-info{background:var(--bg);border-radius:10px;padding:12px;margin-top:14px}.align-center{align-items:center}.kiosk-container{min-height:100vh;background:#0b1118;color:#f8fafc;display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.kiosk-header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:#111923;border-bottom:1px solid #1e293b}.kiosk-branding{display:flex;align-items:center;gap:16px}.kiosk-logo-badge{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:6px 12px;box-shadow:0 2px 8px #0000004d;border:1px solid #334155}.kiosk-logo-img{height:44px;max-width:140px;width:auto;object-fit:contain;display:block}.kiosk-logo{font-size:36px}.kiosk-title{font-size:22px;font-weight:800;margin:0;color:#38bdf8}.kiosk-subtitle{font-size:13px;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;font-weight:600}.kiosk-clock-block{text-align:center}.kiosk-time{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:1px}.kiosk-date{font-size:13px;color:#94a3b8;text-transform:capitalize}.kiosk-controls{display:flex;align-items:center;gap:12px}.kiosk-branch-select{background:#1e293b;color:#f8fafc;border:1px solid #334155;padding:8px 14px;border-radius:8px;font-weight:600}.kiosk-exit-btn{background:#334155;color:#f8fafc;border:0;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.kiosk-exit-btn:hover{background:#475569}.kiosk-body{flex:1;display:flex;justify-content:center;align-items:center;gap:24px;padding:24px;max-width:1200px;margin:0 auto;width:100%}.kiosk-cam-card{flex:1;max-width:680px;background:#111923;border:1px solid #1e293b;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #00000080}.kiosk-video-wrapper{position:relative;width:100%;height:460px;background:#000;overflow:hidden}.kiosk-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.kiosk-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.kiosk-overlay-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1118e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:5;font-size:16px;color:#38bdf8;font-weight:600}.kiosk-spinner{width:48px;height:48px;border:4px solid #1e293b;border-top-color:#38bdf8;border-radius:50%;animation:kiosk-spin 1s linear infinite}@keyframes kiosk-spin{to{transform:rotate(360deg)}}.kiosk-hud-target{position:absolute;top:40px;right:60px;bottom:40px;left:60px;pointer-events:none;z-index:2}.hud-corner{position:absolute;width:32px;height:32px;border:3px solid rgba(56,189,248,.6)}.hud-corner.top-left{top:0;left:0;border-right:0;border-bottom:0;border-radius:8px 0 0}.hud-corner.top-right{top:0;right:0;border-left:0;border-bottom:0;border-radius:0 8px 0 0}.hud-corner.bottom-left{bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 8px}.hud-corner.bottom-right{bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 8px}.kiosk-instructions{position:absolute;bottom:16px;left:20px;right:20px;text-align:center;background:#0f172ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);z-index:3}.kiosk-result-banner{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:20px;z-index:10;padding:24px;animation:kiosk-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes kiosk-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.kiosk-result-banner.banner-in{background:linear-gradient(135deg,#10b981f5,#059669f5);color:#fff;box-shadow:0 0 50px #10b98180}.kiosk-result-banner.banner-out{background:linear-gradient(135deg,#0284c7f5,#0369a1f5);color:#fff;box-shadow:0 0 50px #0284c780}.kiosk-result-icon{font-size:54px}.kiosk-result-type{font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.kiosk-result-name{font-size:28px;font-weight:900;margin:4px 0}.kiosk-result-time{font-size:16px;opacity:.95;font-weight:600}.kiosk-footer-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#111923;border-top:1px solid #1e293b}.kiosk-stats-pill{font-size:13px;color:#94a3b8}.kiosk-pin-btn{background:#1e293b;color:#f8fafc;border:1px solid #334155;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.kiosk-pin-btn:hover{background:#334155;border-color:#475569}.kiosk-recent-sidebar{width:280px;background:#111923;border:1px solid #1e293b;border-radius:24px;padding:20px}.kiosk-recent-sidebar h3{font-size:15px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.kiosk-recent-list{display:flex;flex-direction:column;gap:10px}.kiosk-recent-item{display:flex;align-items:center;gap:12px;background:#1e293b;padding:10px 14px;border-radius:12px}.kiosk-tag{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase}.kiosk-tag.tag-in{background:#065f46;color:#6ee7b7}.kiosk-tag.tag-out{background:#075985;color:#7dd3fc}.kiosk-recent-info{display:flex;flex-direction:column}.kiosk-recent-info b{font-size:13px;color:#f8fafc}.kiosk-pin-dialog{max-width:340px;text-align:center;background:#18212a;border-color:#2a3642}.kiosk-pin-display{font-size:32px;letter-spacing:8px;padding:16px;background:#0e1419;border-radius:12px;margin:14px 0;min-height:64px;display:flex;align-items:center;justify-content:center;color:#38bdf8;font-weight:800}.kiosk-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.kiosk-key{height:56px;font-size:22px;font-weight:700;border-radius:12px;background:#24303d;border:1px solid #334155;color:#fff}.kiosk-key:hover{background:#334155}.kiosk-key.key-clear{color:#f87171}.kiosk-key.key-back{color:#fbbf24}.kiosk-mode-selector{display:flex;background:#0b1118;padding:3px;border-radius:10px;border:1px solid #1e293b;gap:2px}.kiosk-mode-btn{background:transparent;border:none;color:#94a3b8;font-size:12px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease}.kiosk-mode-btn:hover{color:#f8fafc}.kiosk-mode-btn.active{background:#1e293b;color:#fff;box-shadow:0 1px 3px #0000004d}.kiosk-mode-btn.mode-in.active{background:#065f46;color:#6ee7b7}.kiosk-mode-btn.mode-out.active{background:#075985;color:#7dd3fc}.mode-pill{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;margin-right:8px;vertical-align:middle}.mode-pill.pill-in{background:#065f46;color:#6ee7b7;border:1px solid #10b981}.mode-pill.pill-out{background:#075985;color:#7dd3fc;border:1px solid #38bdf8}.mode-pill.pill-auto{background:#334155;color:#cbd5e1}.kiosk-cooldown-banner{position:absolute;top:20px;left:20px;right:20px;background:#0f172aeb;border:1px solid #38bdf8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:14px;z-index:9;animation:kiosk-pop .25s ease-out;box-shadow:0 10px 25px #00000080}.kiosk-cooldown-icon{font-size:32px;flex-shrink:0}.kiosk-cooldown-text{color:#e2e8f0;font-size:14px;line-height:1.4}.kiosk-cooldown-title{font-size:16px;font-weight:800;color:#38bdf8}.days-toggle-group{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:6px}.day-toggle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid var(--line);cursor:pointer;transition:all .15s ease;background:var(--card);color:var(--muted)}.day-toggle-btn.active{background:var(--okbg);border-color:var(--ok);color:var(--ok);box-shadow:0 0 10px #10b98126}.day-toggle-btn.rest{background:var(--bg);border-color:var(--line);color:var(--muted)}.day-state-icon{font-size:11px;margin-top:2px;font-weight:900}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;color:var(--text-body)}.checkbox-label input{width:auto;cursor:pointer}.schedules-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.schedule-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #00000008}.schedule-card.is-default{border-color:var(--brand);background:linear-gradient(180deg,rgba(11,87,208,.04),var(--card))}.schedule-header{display:flex;justify-content:space-between;align-items:flex-start}.default-badge{display:inline-block;font-size:10px;background:var(--brand);color:#fff;padding:2px 6px;border-radius:4px;font-weight:800;text-transform:uppercase;margin-left:8px}.sched-emp-badge{font-size:12px;color:var(--muted);font-weight:600;background:var(--bg);padding:4px 10px;border-radius:8px;border:1px solid var(--line)}.schedule-meta{font-size:13px;color:var(--text-body)}.schedule-days-badges{display:flex;gap:4px;flex-wrap:wrap}.day-pill{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700}.day-pill.work{background:var(--okbg);color:var(--ok);border:1px solid rgba(5,150,105,.3)}.day-pill.rest{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.schedule-actions{display:flex;gap:8px;margin-top:4px;border-top:1px solid var(--line);padding-top:10px}.sched-badge{display:inline-block;font-size:12px;font-weight:700;color:var(--brand);background:#0b57d014;padding:3px 8px;border-radius:6px;border:1px solid rgba(11,87,208,.25)}.small-gap{gap:6px}.modal-box{max-width:440px;width:100%}.kiosk-discrepancy-badge{display:inline-block;font-size:13px;font-weight:800;padding:4px 12px;border-radius:20px;margin-top:6px;text-transform:uppercase;letter-spacing:.5px}.kiosk-discrepancy-badge.disc-late{background:#78350f;color:#fde68a;border:1px solid #f59e0b;box-shadow:0 0 12px #f59e0b4d}.kiosk-discrepancy-badge.disc-early{background:#831843;color:#fbcfe8;border:1px solid #f43f5e;box-shadow:0 0 12px #f43f5e4d}.kiosk-discrepancy-badge.disc-rest{background:#1e1b4b;color:#c7d2fe;border:1px solid #6366f1}.kiosk-discrepancy-badge.disc-ontime{background:#064e3b;color:#a7f3d0;border:1px solid #10b981}.mini-badge-warn{display:inline-block;font-size:10px;font-weight:800;background:#78350f;color:#fde68a;padding:1px 5px;border-radius:4px;margin-left:4px}.mini-badge-info{display:inline-block;font-size:10px;font-weight:800;background:#1e1b4b;color:#c7d2fe;padding:1px 5px;border-radius:4px;margin-left:4px}.mini-badge-ok{display:inline-block;font-size:10px;font-weight:800;background:#064e3b;color:#a7f3d0;padding:1px 5px;border-radius:4px;margin-left:4px}.kiosk-privacy-btn{background:#1e293bcc;border:1px solid #475569;color:#94a3b8;font-size:12px;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .15s ease}.kiosk-privacy-btn:hover{background:#334155;color:#f8fafc;border-color:#64748b}.supervisor-dialog{max-width:380px;text-align:center;border:2px solid #f59e0b;background:#18212a}.supervisor-badge-header{background:#78350f;color:#fde68a;font-size:12px;font-weight:800;padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:10px;text-transform:uppercase;border:1px solid #f59e0b}.early-exit-dialog{max-width:440px;border:2px solid #f43f5e;background:#18212a}.privacy-dialog{max-width:640px;width:95%;max-height:85vh;display:flex;flex-direction:column;background:#0f172a;border:1px solid #334155}.privacy-body{overflow-y:auto;padding:10px;background:#0b1118;border-radius:10px;border:1px solid #1e293b;margin-top:10px}.privacy-text{white-space:pre-wrap;font-family:inherit;font-size:12px;line-height:1.6;color:#cbd5e1;margin:0}.privacy-textarea{font-family:inherit;font-size:12px;line-height:1.5;padding:12px;border-radius:10px;border:1px solid #334155;background:#0b1118;color:#f1f5f9;width:100%;box-sizing:border-box}.card-inset{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}[data-theme=dark] .card-inset{background:#0f172a;border-color:#1e293b}.policy-group h4{margin:0 0 4px;font-size:14px;color:var(--brand)}[data-theme=dark] .policy-group h4{color:#38bdf8}.radio-option{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px 10px;border-radius:8px;transition:background .15s ease;color:var(--ink)}.radio-option:hover{background:var(--brand-light)}[data-theme=dark] .radio-option:hover{background:#1e293b}.radio-option input[type=radio]{margin-top:3px;cursor:pointer;width:auto}.kardex-modal-card{max-width:900px;width:95%;max-height:92vh;overflow-y:auto;background:#fff!important;color:#0f172a!important;padding:24px;border-radius:14px;box-shadow:0 25px 50px -12px #00000080}.kardex-modal-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd5e1;padding-bottom:14px;margin-bottom:18px}.kardex-modal-toolbar label{color:#1e293b!important;font-weight:700}.kardex-modal-toolbar input[type=date]{background:#fff!important;color:#0f172a!important;border:1px solid #94a3b8!important;font-weight:600}.kardex-sheet{display:flex;flex-direction:column;gap:16px;font-family:system-ui,-apple-system,sans-serif;color:#0f172a!important;background:#fff!important}.kardex-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #0f172a;padding-bottom:14px;gap:16px}.kardex-brand-col{flex:1}.kardex-logo-img{max-height:56px;max-width:180px;object-fit:contain;border-radius:4px;margin-bottom:8px;display:block}.kardex-title{font-size:21px;font-weight:900;color:#0f172a!important;text-transform:uppercase;letter-spacing:.5px}.kardex-subtitle{font-size:14px;font-weight:800;color:#1e293b!important;margin-top:2px}.kardex-legal-cite{font-size:11.5px;color:#334155!important;font-style:italic;margin-top:3px}.kardex-meta-col{font-size:12.5px;text-align:right;color:#1e293b!important;line-height:1.6}.kardex-meta-col b{color:#0f172a!important}.kardex-hash{font-family:monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-weight:700;color:#0369a1!important;border:1px solid #cbd5e1}.kardex-emp-box{background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:10px;padding:14px 18px;color:#0f172a!important}.kardex-emp-box .kardex-emp-lbl{font-size:11.5px;font-weight:700;color:#475569!important;text-transform:uppercase;margin-bottom:2px;display:block}.kardex-emp-box .kardex-emp-val{font-size:13.5px;font-weight:700;color:#0f172a!important}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 640px){.grid3{grid-template-columns:1fr}}.kardex-stats-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}@media (max-width: 768px){.kardex-stats-grid{grid-template-columns:repeat(4,1fr)}}.kardex-stat-item{background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:8px;padding:10px 4px;text-align:center;display:flex;flex-direction:column;gap:4px}.kardex-stat-val{font-size:16px;font-weight:900;color:#0f172a!important}.kardex-stat-lbl{font-size:10.5px;font-weight:800;color:#334155!important;text-transform:uppercase;letter-spacing:.3px}.kardex-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px;border:1px solid #cbd5e1}.kardex-table th{background:#0f172a!important;color:#fff!important;padding:9px 8px;text-align:left;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.4px}.kardex-table td{padding:8px 6px;border-bottom:1px solid #cbd5e1;color:#0f172a!important}.kardex-table td b{color:#0f172a!important}.kardex-table tr:nth-child(2n){background:#f8fafc}.kardex-table tr.rest-row{background:#eff6ff}.kardex-hash-box{background:#f8fafc!important;border:1px dashed #64748b!important;border-radius:8px;padding:12px 16px;color:#0f172a!important}.kardex-hash-box b{color:#0f172a!important}.kardex-hash-code{font-family:monospace;font-size:11px;color:#0369a1!important;word-break:break-all;font-weight:800;margin:4px 0}.kardex-hash-desc{font-size:11.5px;color:#334155!important;font-weight:500}.kardex-legal-statement{font-size:11px;color:#1e293b!important;line-height:1.5;text-align:justify;background:#f1f5f9!important;padding:10px 14px;border-radius:6px;border:1px solid #e2e8f0;font-weight:500}.kardex-legal-statement b{color:#0f172a!important}.kardex-signatures{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px;padding-top:10px}.kardex-sig-box{text-align:center;display:flex;flex-direction:column;align-items:center}.kardex-sig-line{width:80%;border-top:1.5px solid #0f172a!important;margin-bottom:8px}.kardex-sig-title{font-size:13.5px;font-weight:800;color:#0f172a!important}.kardex-sig-subtitle{font-size:11.5px;font-weight:700;color:#334155!important}.mini{font-size:11px}.text-amber{color:#b45309!important;font-weight:800}.text-red{color:#b91c1c!important;font-weight:800}@media print{body *{visibility:hidden!important}.modal,.kardex-modal-card,.kardex-sheet,.kardex-sheet *{visibility:visible!important}.modal{position:absolute;left:0;top:0;width:100%;height:auto;background:none!important;padding:0!important}.kardex-modal-card{box-shadow:none!important;border:none!important;padding:0!important;width:100%!important;max-width:100%!important}.kardex-logo-img{max-height:55px!important;max-width:190px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important}.no-print{display:none!important}}.kiosk-net-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid transparent;transition:all .2s ease;-webkit-user-select:none;user-select:none}.kiosk-net-pill.net-online{background:#10b98126;color:#34d399;border-color:#10b9814d}.kiosk-net-pill.net-syncing{background:#38bdf826;color:#38bdf8;border-color:#38bdf866;animation:pulse-sync 1.5s infinite}.kiosk-net-pill.net-offline{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b66}@keyframes pulse-sync{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.kiosk-sync-toast{position:absolute;top:76px;left:50%;transform:translate(-50%);background:#0f172a;border:1px solid #10b981;color:#a7f3d0;font-size:13px;font-weight:700;padding:8px 16px;border-radius:20px;box-shadow:0 10px 25px -5px #00000080;z-index:50;animation:fadeIn .3s ease-out}.shift-template-group{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.template-btn{background:#1e293b;border:1px solid #334155;color:#e2e8f0;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:5px}.template-btn:hover{background:#334155;border-color:#38bdf8;color:#38bdf8}.schedule-matrix-container{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:10px;display:flex;flex-direction:column;gap:8px}[data-theme=dark] .schedule-matrix-container{background:#0b1118;border-color:#1e293b}.matrix-day-row{display:grid;grid-template-columns:100px 110px 1fr 1fr 100px;align-items:center;gap:10px;padding:6px 10px;background:var(--card);border-radius:8px;border:1px solid var(--line);transition:border-color .15s ease}[data-theme=dark] .matrix-day-row{background:#101924;border-color:#1e293b}.matrix-day-row.is-rest{background:var(--bg);border-color:var(--line)}[data-theme=dark] .matrix-day-row.is-rest{background:#090e15;border-color:#1e293b}.matrix-day-row input[type=time]:disabled{background:#e2e8f0!important;color:#334155!important;-webkit-text-fill-color:#334155!important;opacity:1!important;border-color:#cbd5e1!important}[data-theme=dark] .matrix-day-row input[type=time]:disabled{background:#1e293b!important;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;opacity:1!important;border-color:#334155!important}.matrix-day-label{font-weight:700;font-size:13px;color:var(--ink)}[data-theme=dark] .matrix-day-label{color:#f1f5f9}.matrix-toggle-btn{font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;cursor:pointer;border:none;text-align:center}.matrix-toggle-btn.work{background:#d1fae5;color:#047857;border:1px solid #a7f3d0}[data-theme=dark] .matrix-toggle-btn.work{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.matrix-toggle-btn.rest{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}[data-theme=dark] .matrix-toggle-btn.rest{background:#94a3b826;color:#cbd5e1;border:1px solid #334155}.matrix-hours-indicator{font-size:11px;font-weight:700;color:#0369a1;text-align:right}[data-theme=dark] .matrix-hours-indicator{color:#38bdf8}.matrix-hours-indicator.overnight{color:#7c3aed}[data-theme=dark] .matrix-hours-indicator.overnight{color:#a78bfa}.shift-type-pill{display:inline-block;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.shift-type-pill.diurna{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.shift-type-pill.nocturna{background:#a78bfa26;color:#c4b5fd;border:1px solid rgba(167,139,250,.3)}.shift-type-pill.mixta{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.shift-type-pill.flexible{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.bulk-action-bar{display:flex;justify-content:space-between;align-items:center;background:#1e293b;border:2px solid #38bdf8;padding:12px 18px;border-radius:12px;margin-bottom:16px;box-shadow:0 10px 25px -5px #0006;animation:fadeIn .2s ease-out}@media (max-width: 768px){.bulk-action-bar{flex-direction:column;gap:10px;align-items:stretch}}.weekly-hours-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;padding:6px 12px;border-radius:8px;margin-top:8px;background:var(--card);color:#0369a1;border:1px solid var(--line)}[data-theme=dark] .weekly-hours-badge{background:#1e293b;color:#38bdf8;border-color:#334155}.weekly-hours-badge.ok{background:#d1fae5;color:#047857;border-color:#a7f3d0}[data-theme=dark] .weekly-hours-badge.ok{background:#10b98133;color:#34d399;border-color:#10b98166}.weekly-hours-badge.warn{background:#fef3c7;color:#92400e;border-color:#fde68a}[data-theme=dark] .weekly-hours-badge.warn{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b66}.supervisor-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 7px;border-radius:12px;background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.35);margin-left:6px}.supervisor-pill{display:inline-block;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#f59e0b;color:#0f172a}.dept-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.25);margin-top:2px}.dept-badge.highlight{background:#38bdf826;color:#38bdf8;border-color:#38bdf84d}.supervisor-area-tag{display:inline-block;font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;background:#f59e0b1f;color:#fcd34d;margin-right:4px;margin-top:2px}.supervisor-cam-container{position:relative;width:100%;max-width:320px;margin:0 auto 16px;border-radius:12px;overflow:hidden;border:2px solid #f59e0b;background:#020617;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.supervisor-cam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.supervisor-cam-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(245,158,11,.6);border-radius:10px;margin:12px;pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #f59e0b33 inset}.supervisor-scan-status{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fbbf24;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap;border:1px solid rgba(245,158,11,.4)}.supervisor-scan-status.success{color:#34d399;border-color:#10b98180;background:#064e3bd9}.supervisor-scan-status.error{color:#f87171;border-color:#ef444480;background:#7f1d1dd9}.supervisor-mode-tabs{display:flex;gap:8px;margin-bottom:14px}.supervisor-mode-tabs button{flex:1;font-size:12px;font-weight:700;padding:8px 10px;border-radius:8px;background:#1e293b;color:#94a3b8;border:1px solid #334155;cursor:pointer;transition:all .2s}.supervisor-mode-tabs button.active{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b}.area-checkboxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin-top:8px;padding:10px;background:#0f172a99;border-radius:8px;border:1px solid rgba(51,65,85,.8);max-height:180px;overflow-y:auto}.area-checkbox-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#e2e8f0;cursor:pointer}.landing-root{min-height:100vh;background-color:var(--bg);color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.landing-nav{position:sticky;top:0;z-index:100;background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:12px 20px}.landing-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.landing-logo{font-size:28px}.landing-title{font-weight:800;font-size:18px;letter-spacing:-.5px;color:var(--ink);display:block}.landing-badge{font-size:11px;font-weight:700;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;padding:2px 8px;border-radius:6px;display:inline-block;margin-top:1px}[data-theme=dark] .landing-badge{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.landing-links{display:flex;align-items:center;gap:18px}.link-btn{background:none;border:none;color:var(--text-body);font-size:14px;font-weight:700;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s;white-space:nowrap}.link-btn:hover{color:var(--brand);background:var(--brand-light)}.landing-nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 900px){.landing-nav{padding:8px 12px}.landing-nav-inner{flex-wrap:wrap;gap:8px}.landing-links{order:3;width:100%;overflow-x:auto;white-space:nowrap;padding:6px 0 4px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.landing-links::-webkit-scrollbar{height:3px}.landing-links::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.link-btn{font-size:13px;padding:5px 8px;background:var(--bg);border:1px solid var(--line)}.landing-nav-actions{margin-left:auto;gap:6px}.landing-nav-actions .primary-nav-btn{padding:7px 11px;font-size:12.5px;white-space:nowrap}.landing-nav-actions .ghost-nav-btn{padding:7px 10px;font-size:12.5px;white-space:nowrap}.landing-nav-actions .theme-icon-btn{padding:6px;min-width:32px;height:32px}}.ghost-nav-btn{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.ghost-nav-btn:hover{background:var(--bg);color:var(--brand);border-color:var(--brand)}.primary-nav-btn{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:none;padding:8px 18px;font-size:13px;font-weight:700;border-radius:8px;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:all .2s}.primary-nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.landing-hero{padding:70px 20px 60px;background:radial-gradient(circle at 50% 20%,rgba(14,165,233,.15) 0%,transparent 60%);text-align:center}.landing-hero-content{max-width:980px;margin:0 auto}.hero-pill{display:inline-flex;align-items:center;gap:8px;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);padding:6px 14px;border-radius:30px;font-size:13px;color:#38bdf8;font-weight:600;margin-bottom:24px}.hero-headline{font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.15;letter-spacing:-1px;margin:0 0 20px;color:var(--ink)}.highlight-text{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtext{font-size:clamp(16px,2.5vw,19px);line-height:1.6;color:var(--text-body);max-width:820px;margin:0 auto 36px}.hero-cta-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-bottom:50px}.hero-btn-primary{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff!important;border:none;padding:14px 28px;font-size:16px;font-weight:700;border-radius:10px;cursor:pointer;box-shadow:0 8px 25px #2563eb66;transition:all .25s}.hero-btn-primary:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 30px #2563eb8c}.hero-btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:14px 24px;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #00000008}.hero-btn-secondary:hover{background:var(--bg);border-color:var(--brand);color:var(--brand)}.hero-highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;text-align:left;margin-top:20px}.highlight-card{background:var(--card);border:1px solid var(--line);padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000008;transition:transform .2s,border-color .2s}.highlight-card:hover{transform:translateY(-3px);border-color:var(--brand)}.highlight-card .icon{font-size:26px;margin-bottom:10px}.highlight-card h2,.highlight-card h3,.highlight-card h4{margin:0 0 6px;font-size:16px;color:var(--ink);font-weight:700;line-height:1.3}.highlight-card p{margin:0;font-size:13.5px;color:var(--text-body);line-height:1.5}.landing-section{padding:70px 20px;max-width:1200px;margin:0 auto}.bg-darker{background:var(--bg);max-width:100%;padding-left:max(20px,calc((100% - 1200px)/2));padding-right:max(20px,calc((100% - 1200px)/2))}.section-header{text-align:center;max-width:760px;margin:0 auto 40px}.section-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:1px;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;padding:4px 12px;border-radius:6px;margin-bottom:12px}[data-theme=dark] .section-tag{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}.section-header h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;color:var(--ink);margin:0 0 10px;letter-spacing:-.5px}.calc-step-title{color:var(--brand);font-weight:800}[data-theme=dark] .calc-step-title{color:#38bdf8}.section-grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.section-grid2.reverse{grid-template-columns:1fr 1.2fr}@media (max-width: 860px){.section-grid2,.section-grid2.reverse{grid-template-columns:1fr}}.feature-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:16px}.feature-list li{font-size:14px;line-height:1.6;color:var(--text-body)}.feature-list li b{color:var(--brand)}.kiosk-mockup-card,.repse-card-mockup{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 30px #00000014}[data-theme=dark] .kiosk-mockup-card,[data-theme=dark] .repse-card-mockup{box-shadow:0 12px 35px #00000080}.kiosk-header-preview{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.camera-frame-preview{background:#020617;border-radius:12px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #1e293b}.face-scan-box{width:90px;height:110px;border:2px dashed #38bdf8;border-radius:12px;position:relative;overflow:hidden}.scan-line{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);animation:scan-anim 2s infinite ease-in-out}@keyframes scan-anim{0%{top:0%}50%{top:100%}to{top:0%}}.scan-label{font-size:12px;color:#cbd5e1;margin-top:10px}.kiosk-status-tag{margin-top:14px;background:#d1fae5;border:1px solid #a7f3d0;color:#047857;font-size:12.5px;font-weight:700;padding:8px 12px;border-radius:8px;text-align:center}[data-theme=dark] .kiosk-status-tag{background:#10b98133;border-color:#10b98166;color:#34d399}.repse-badge-top{display:inline-block;font-size:11.5px;font-weight:800;background:#fef3c7;border:1px solid #fde68a;color:#92400e;padding:3px 8px;border-radius:4px;margin-bottom:12px}[data-theme=dark] .repse-badge-top{background:#f59e0b33;border-color:#f59e0b66;color:#fbbf24}.repse-info-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--text-body)}.mini-hash{background:var(--bg);color:var(--brand);border:1px solid var(--line);padding:2px 6px;border-radius:4px;font-size:11px}[data-theme=dark] .mini-hash{background:#1e293b;color:#38bdf8;border-color:#334155}.ok-pill{color:#047857;font-weight:700}[data-theme=dark] .ok-pill{color:#34d399}.comparison-table-wrap{width:100%;overflow-x:hidden;border-radius:12px;border:1px solid var(--line);background:var(--card);box-shadow:0 2px 8px #00000008}.comparison-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.4}.comparison-table th,.comparison-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;color:var(--text-body)}.comparison-table th{background:var(--bg);color:var(--ink);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px}.comparison-table tbody tr:hover{background:#ffffff05}.mini-subtext{font-size:11.5px;color:var(--muted);margin-top:3px}.badge-pos{display:inline-block;font-size:11.5px;font-weight:800;color:#047857;background:#d1fae5;border:1px solid #a7f3d0;padding:2px 8px;border-radius:4px;margin-bottom:5px}[data-theme=dark] .badge-pos{color:#34d399;background:#10b98133;border-color:#10b98166}.badge-neg{display:inline-block;font-size:11.5px;font-weight:800;color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:2px 8px;border-radius:4px;margin-bottom:5px}[data-theme=dark] .badge-neg{color:#f87171;background:#ef444433;border-color:#ef444466}.badge-warn{display:inline-block;font-size:11.5px;font-weight:800;color:#92400e;background:#fef3c7;border:1px solid #fde68a;padding:2px 8px;border-radius:4px;margin-bottom:5px}[data-theme=dark] .badge-warn{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}.badge-pro-amber{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;padding:3px 12px;border-radius:999px;letter-spacing:.2px;box-shadow:0 1px 3px #f59e0b26}[data-theme=dark] .badge-pro-amber{color:#fde68a;background:#f59e0b2e;border-color:#f59e0b73;box-shadow:0 1px 4px #0000004d}.badge-neutral{display:inline-block;font-size:11.5px;font-weight:800;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 8px;border-radius:4px;margin-bottom:5px}[data-theme=dark] .badge-neutral{color:#cbd5e1;background:#94a3b833;border-color:#94a3b859}.brand-col{background:#0b57d00a!important;color:var(--ink)!important;border-left:1px solid rgba(11,87,208,.2);border-right:1px solid rgba(11,87,208,.2)}[data-theme=dark] .brand-col{background:#38bdf814!important;color:#f8fafc!important;border-left-color:#38bdf840;border-right-color:#38bdf840}.payroll-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.payroll-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;position:relative;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000008}.payroll-card.highlight-border{border-color:var(--brand);background:var(--card)}[data-theme=dark] .payroll-card.highlight-border{border-color:#0284c7;background:linear-gradient(180deg,#0284c71f,#131f37)}.payroll-card.recommended{border-color:#d97706;background:var(--card)}[data-theme=dark] .payroll-card.recommended{border-color:#f59e0b;background:linear-gradient(180deg,#f59e0b1f,#131f37);box-shadow:0 0 25px #f59e0b26}.recommended-ribbon{position:absolute;top:-12px;right:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;box-shadow:0 2px 8px #f59e0b66}.payroll-icon{font-size:32px;margin-bottom:12px}.payroll-card h3{margin:0 0 6px;font-size:18px;color:var(--ink)}.payroll-badge-tag{display:inline-block;align-self:flex-start;font-size:12px;font-weight:700;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 8px;border-radius:6px;margin-bottom:12px}[data-theme=dark] .payroll-badge-tag{color:#cbd5e1;background:#1e293b;border-color:#334155}.payroll-badge-tag.brand{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}[data-theme=dark] .payroll-badge-tag.brand{color:#38bdf8;background:#38bdf826;border:1px solid rgba(56,189,248,.35)}.payroll-badge-tag.gold{color:#92400e;background:#fef3c7;border:1px solid #fde68a}[data-theme=dark] .payroll-badge-tag.gold{color:#fbbf24;background:#f59e0b33;border:1px solid rgba(245,158,11,.4)}.payroll-card p{font-size:13.5px;color:var(--text-body);line-height:1.5;margin-bottom:16px;flex-grow:1}.mini-check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:var(--text-body)}.specialty-modules-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;background:#090e1a;border:1px solid #1e293b;border-radius:12px;padding:20px}.specialty-col{display:flex;gap:12px;align-items:flex-start}.specialty-col .icon{font-size:24px}.specialty-col b{font-size:14px;color:#e2e8f0;display:block;margin-bottom:4px}.calculator-container{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;max-width:1000px;margin:0 auto}@media (max-width: 780px){.calculator-container{grid-template-columns:1fr}}.calc-controls-card,.calc-summary-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000a}.calc-controls-card h3{margin:0 0 20px;font-size:18px;color:var(--ink)}.calc-emp-display{font-size:16px;font-weight:800;color:var(--brand);background:var(--brand-light);padding:4px 10px;border-radius:6px}.calc-range-slider{width:100%;margin:14px 0 6px;accent-color:var(--brand);cursor:pointer}.slider-hint-tag{color:#0369a1;font-weight:700}[data-theme=dark] .slider-hint-tag{color:#38bdf8}.calc-addon-item{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--line);padding:14px 16px;border-radius:10px;cursor:pointer;margin-bottom:10px;transition:all .2s;box-shadow:0 1px 3px #00000005}.calc-addon-item:hover{background:var(--bg);border-color:var(--brand)}.calc-addon-item.active{background:var(--brand-light);border-color:var(--brand)}.calc-addon-item.active b{color:var(--ink)}.calc-addon-item.active .muted.mini{color:#1e293b}[data-theme=dark] .calc-addon-item.active .muted.mini{color:#cbd5e1}.calc-addon-item input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;margin:2px 0 0!important;cursor:pointer;accent-color:var(--brand)}.calc-addon-item .price-tag{font-size:13px;font-weight:700;color:#0369a1}[data-theme=dark] .calc-addon-item .price-tag{color:#38bdf8}.summary-badge{display:inline-block;font-size:12px;font-weight:800;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;padding:4px 12px;border-radius:30px;margin-bottom:18px}[data-theme=dark] .summary-badge{background:linear-gradient(135deg,#38bdf833,#2563eb33);color:#38bdf8;border-color:#38bdf866}.price-box{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.price-box .currency{font-size:24px;font-weight:700;color:var(--muted)}.price-box .big-amount{font-size:48px;font-weight:900;color:var(--ink);line-height:1}.price-box .period{font-size:14px;color:var(--muted);font-weight:600}.summary-explanation{font-size:13.5px;color:var(--text-body);line-height:1.5;margin-bottom:20px}.summary-benefits{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-body)}.calc-action-btn{width:100%;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff!important;border:none;padding:12px 20px;font-size:15px;font-weight:700;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #2563eb66;transition:all .2s}.calc-action-btn:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb80}.link-button-whatsapp{color:#15803d;text-decoration:underline;transition:color .15s ease}.link-button-whatsapp:hover{color:#166534}[data-theme=dark] .link-button-whatsapp{color:#4ade80}[data-theme=dark] .link-button-whatsapp:hover{color:#86efac}.signup-box-wrapper{max-width:640px;margin:0 auto}.signup-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 8px 30px #0000000f}.selected-plan-notice{background:var(--brand-light);border:1px solid rgba(11,87,208,.2);padding:12px 14px;border-radius:8px;margin:16px 0;font-size:13px;color:var(--ink)}[data-theme=dark] .selected-plan-notice{background:#0ea5e91f;border-color:#0ea5e94d;color:#f1f5f9}.selected-plan-notice .muted.mini{color:var(--text-body)!important}.signup-submit-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;border:none;padding:14px;font-size:16px;font-weight:800;border-radius:10px;cursor:pointer;box-shadow:0 6px 20px #10b98159;transition:all .2s}.signup-submit-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 25px #10b98173}.login-switch-text{text-align:center;font-size:13px;color:var(--muted);margin-top:18px}.link-button{background:none;border:none;color:var(--brand);font-weight:700;cursor:pointer;text-decoration:underline;padding:0}[data-theme=dark] .link-button{color:#38bdf8}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.faq-card{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:12px;box-shadow:0 2px 6px #00000005}.faq-card h4{margin:0 0 10px;font-size:15px;color:var(--brand);font-weight:700}.faq-card p{margin:0;font-size:13px;color:var(--text-body);line-height:1.6}.landing-footer{background:var(--card);border-top:1px solid var(--line);padding:40px 20px 30px}.footer-inner{max-width:1200px;margin:0 auto 30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-brand b{font-size:18px;margin-left:6px;color:var(--ink)}.footer-links{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;max-width:600px}.footer-links button{background:none;border:none;color:var(--text-body);font-size:13.5px;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .15s ease,background .15s ease;text-align:left}.footer-links button:hover{color:var(--brand);background:var(--brand-light)}[data-theme=dark] .footer-links button{color:#cbd5e1}[data-theme=dark] .footer-links button:hover{color:#38bdf8;background:#38bdf81a}@media (max-width: 768px){.footer-inner{flex-direction:column;gap:24px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px;width:100%}.footer-links button{font-size:13px;padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:6px}}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);flex-wrap:wrap;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:grid;place-items:center;padding:20px}.modal-backdrop>.modal,.modal-backdrop .modal:not(.modal-backdrop){position:relative!important;inset:auto!important;background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 25px 50px -12px #00000073!important;padding:24px!important;display:block!important;margin:auto!important}.login-modal-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;width:100%;max-width:440px;box-shadow:0 20px 50px #0000004d;color:var(--text-body)}.close-btn{background:transparent;border:none;color:#94a3b8;font-size:18px;cursor:pointer}.login-submit-btn{width:100%;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:none;padding:12px;font-size:15px;font-weight:700;border-radius:8px;cursor:pointer;margin-top:10px}@media (max-width: 768px){.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{min-width:620px;table-layout:auto}.comparison-table th,.comparison-table td{padding:10px 12px;font-size:12px}.specialty-modules-banner{grid-template-columns:1fr}}.sub-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px}.summary-stat-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000008}[data-theme=dark] .summary-stat-card{background:#0f172a;border-color:#1e293b}.stat-val-highlight{font-size:24px;font-weight:800;color:var(--ink);margin:6px 0 10px}[data-theme=dark] .stat-val-highlight{color:#fff}.sub-status-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}.sub-status-tag.ok{color:#047857;background:#d1fae5;border:1px solid #a7f3d0}[data-theme=dark] .sub-status-tag.ok{color:#34d399;background:#10b98126;border:1px solid rgba(16,185,129,.3)}.progress-bar-wrap{width:100%;height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:8px}[data-theme=dark] .progress-bar-wrap{background:#1e293b}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s}.modules-toggle-list{display:flex;flex-direction:column;gap:12px}.module-toggle-card{display:flex;align-items:flex-start;gap:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s}.module-toggle-card:hover{background:var(--bg);border-color:var(--brand)}.module-toggle-card.active{background:var(--brand-light);border-color:var(--brand)}[data-theme=dark] .module-toggle-card{background:#0f172a;border-color:#1e293b}[data-theme=dark] .module-toggle-card:hover{background:#1e293b}[data-theme=dark] .module-toggle-card.active{background:#0284c726;border-color:#0284c7}.module-toggle-card input[type=checkbox]{margin-top:4px;width:18px;height:18px;accent-color:#0284c7}.sub-action-bar{position:sticky;bottom:16px;background:var(--card);border:1px solid var(--brand);box-shadow:0 8px 30px #00000026;z-index:10}[data-theme=dark] .sub-action-bar{background:#090e1a;box-shadow:0 8px 30px #000c}.ghost-gold-btn{background:#fef3c7;color:#92400e;border:1px solid #f59e0b;font-size:12.5px;font-weight:800;padding:7px 14px;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #f59e0b26}.ghost-gold-btn:hover{background:#fde68a;color:#78350f;border-color:#d97706}[data-theme=dark] .ghost-gold-btn{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b80}[data-theme=dark] .ghost-gold-btn:hover{background:#f59e0b47;border-color:#f59e0b}.pro-stat-box{background:var(--card);transition:all .2s}.pro-stat-box:hover{background:var(--brand-light)}.pro-stat-label{color:#b45309;font-weight:700}[data-theme=dark] .pro-stat-label{color:#fcd34d}.module-stat-pill{background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:10px 14px;border-radius:8px;font-size:13px;display:flex;justify-content:space-between;align-items:center;transition:all .15s ease}.module-stat-pill:hover{border-color:var(--brand)}[data-theme=dark] .module-stat-pill{background:#0f172a;border-color:#1e293b}.module-stat-pill b{color:var(--ink);font-weight:600;display:inline-flex;align-items:center}.module-stat-pill span{font-weight:800;color:var(--brand)}[data-theme=dark] .module-stat-pill span{color:#38bdf8}.plan-pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px}.plan-pill.free{background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.plan-pill.pro{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.mini-badge{font-size:11px;font-weight:700;background:var(--bg);color:var(--text-body);border:1px solid var(--line);padding:2px 6px;border-radius:4px;display:inline-block;margin:1px}[data-theme=dark] .mini-badge{background:#1e293b;color:#94a3b8;border-color:#334155}.mini-badge.gold{color:var(--warn);background:var(--warnbg);border:1px solid rgba(180,83,9,.3)}[data-theme=dark] .mini-badge.gold{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b66}.status-tag.suspended{color:#f87171;background:#ef444426;border:1px solid rgba(239,68,68,.3);font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.dedicated-kiosk-splash{min-height:100vh;width:100vw;background:radial-gradient(circle at center,#0f172a,#020617);display:flex;align-items:center;justify-content:center;padding:24px;color:#f8fafc;font-family:inherit}.dedicated-kiosk-card{background:#1e293bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:40px;max-width:520px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080}.dedicated-kiosk-card.error{border-color:#ef444466}.spinner-large,.error-icon,.kiosk-logo-big{font-size:3.5rem;margin-bottom:16px;display:inline-block;animation:pulseLogo 2s infinite ease-in-out}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.kiosk-target-label{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;margin:16px 0;font-size:.95rem;color:#94a3b8;line-height:1.6}.kiosk-target-label strong{color:#38bdf8}.kiosk-explain-text{font-size:.95rem;color:#cbd5e1;line-height:1.5;margin-bottom:24px}.kiosk-pairing-form{display:flex;flex-direction:column;gap:16px;align-items:center}.kiosk-pairing-input{font-family:Courier New,Courier,monospace;font-size:2.4rem;font-weight:800;letter-spacing:12px;text-align:center;width:280px;padding:14px 10px;border-radius:12px;background:#0f172a;border:2px solid #38bdf8;color:#38bdf8;outline:none;box-shadow:0 0 20px #38bdf840;transition:all .2s ease}.kiosk-pairing-input:focus{border-color:#7dd3fc;box-shadow:0 0 28px #38bdf873}.kiosk-pairing-error{color:#f87171;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:8px 14px;font-size:.85rem}.kiosk-pairing-submit-btn{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;padding:14px 28px;cursor:pointer;transition:all .2s ease;width:100%}.kiosk-pairing-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8,#0284c7);transform:translateY(-1px);box-shadow:0 8px 20px #0284c759}.kiosk-pairing-submit-btn:disabled{opacity:.5;cursor:not-allowed}.kiosk-pairing-footer{margin-top:24px;line-height:1.4}.dedicated-kiosk-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:#090d16}.kiosk-footer-maintenance{position:absolute;bottom:8px;right:14px;z-index:100;display:flex;align-items:center;gap:10px;opacity:.35;transition:opacity .2s ease;font-size:10px;color:#94a3b8}.kiosk-footer-maintenance:hover{opacity:1}.kiosk-unlink-subtle-btn{background:transparent;border:1px solid #475569;color:#94a3b8;font-size:9px;border-radius:4px;padding:2px 6px;cursor:pointer}.kiosk-unlink-subtle-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.admin-info-banner{background:var(--brand-light);border:1px solid rgba(11,87,208,.25);border-radius:8px;padding:12px 16px;margin-bottom:16px}.admin-info-banner strong{color:var(--brand)}.admin-info-banner p{color:var(--text-body)}[data-theme=dark] .admin-info-banner{background:#1e293b99;border-color:#38bdf840}[data-theme=dark] .admin-info-banner strong{color:#38bdf8}.admin-subcard-form{background:var(--bg);padding:14px;border-radius:8px;border:1px solid var(--line);margin-bottom:16px}[data-theme=dark] .admin-subcard-form{background:#0f172a66;border-color:#334155}.admin-subcard-form h4{margin:0 0 10px;color:var(--ink)}.admin-detail-box{padding:16px 20px;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}[data-theme=dark] .admin-detail-box{background:#0f172a73;border-color:#1e293b}.admin-detail-box h4{color:var(--brand)}[data-theme=dark] .admin-detail-box h4{color:#38bdf8}.admin-detail-table{width:100%;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}[data-theme=dark] .admin-detail-table{background:#0b1118;border-color:#1e293b}.kiosk-code-badge{font-family:monospace;font-weight:800;font-size:1.1rem;letter-spacing:2px;color:#0369a1;background:#e0f2fe;border:1px dashed #bae6fd;padding:3px 8px;border-radius:6px;display:inline-block}[data-theme=dark] .kiosk-code-badge{color:#38bdf8;background:#38bdf81f;border-color:#38bdf866}.link-mono{font-family:monospace;font-size:.85rem;color:var(--brand);text-decoration:underline;word-break:break-all}[data-theme=dark] .link-mono{color:#38bdf8}.kiosk-monetization-pill{background:var(--okbg);color:var(--ok);border:1px solid rgba(5,150,105,.3);padding:6px 14px;border-radius:999px;font-weight:700;font-size:12px}[data-theme=dark] .kiosk-monetization-pill{background:#10b9811a;color:#34d399;border-color:#10b9814d}.pro-seal{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;font-size:.68rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:999px;cursor:pointer;box-shadow:0 1px 4px #f59e0b66;transition:transform .15s ease,box-shadow .15s ease;vertical-align:middle}.pro-seal:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 3px 8px #f59e0b99}.pro-seal-crown{font-size:.75rem}.pro-locked-field{position:relative;opacity:.65;cursor:pointer!important;-webkit-user-select:none;user-select:none}.pro-locked-field input,.pro-locked-field select,.pro-locked-field button{pointer-events:none!important}.pro-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a73;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border-radius:8px;z-index:2;cursor:pointer}.pro-locked-overlay:hover{background:#f59e0b26}.pro-modal-dialog{max-width:440px;width:95%;background:var(--card);border:1px solid var(--line);box-shadow:0 20px 45px #00000040;border-radius:16px;padding:26px;text-align:center}[data-theme=dark] .pro-modal-dialog{background:#131f37;border-color:#2a3b5c;box-shadow:0 20px 50px #0009}.pro-modal-dialog h3{margin:12px 0 8px;color:var(--ink);font-size:19px;font-weight:800}.pro-modal-dialog p{color:var(--text-body);line-height:1.55;margin-bottom:20px}.subtab-switcher{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:8px}.subtab-btn{background:transparent;border:none;color:var(--muted);font-size:.9rem;font-weight:700;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .15s ease}.subtab-btn:hover{color:var(--ink);background:var(--bg)}.subtab-btn.active{color:var(--brand);background:var(--brand-light);border-bottom:2px solid var(--brand)}[data-theme=dark] .subtab-btn.active{color:#38bdf8;background:#38bdf81f;border-bottom:2px solid #38bdf8}.people-container{display:flex;flex-direction:column;gap:18px}.people-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.emp-form-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 4px 16px #0000001f;margin-bottom:8px;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-section-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:16px 0 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:6px}.emp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.emp-form-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pro-feature-box{background:#fffbeb;border:1px dashed #f59e0b;border-radius:12px;padding:14px 16px;margin-top:14px}[data-theme=dark] .pro-feature-box{background:#f59e0b0d;border:1px dashed rgba(245,158,11,.35)}.pro-feature-box.active{background:#fef3c7;border-style:solid;border-color:#d97706}[data-theme=dark] .pro-feature-box.active{background:#f59e0b1a;border-style:solid;border-color:#f59e0b99}.pro-locked-placeholder{margin-top:4px;padding:9px 10px;background:var(--bg);border-radius:8px;border:1px solid var(--line);color:var(--text-body);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600}[data-theme=dark] .pro-locked-placeholder{background:#0f172a99;border-color:#334155;color:#cbd5e1}.emp-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);padding:12px 16px;border-radius:12px;border:1px solid var(--line);margin-bottom:2px}.emp-search-input-wrap{flex:2;min-width:220px;position:relative}.emp-search-input{width:100%;padding-left:36px!important;border-radius:8px}.emp-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;pointer-events:none}.emp-filter-select{flex:1;min-width:140px;border-radius:8px}.emp-count-badge{font-size:12px;font-weight:700;color:#94a3b8;background:#94a3b81a;padding:6px 12px;border-radius:999px;white-space:nowrap}.people-table-card{width:100%;overflow-x:auto;border-radius:14px;scrollbar-width:thin;scrollbar-color:#475569 #1e293b}.people-table-card::-webkit-scrollbar{height:8px}.people-table-card::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.people-table-card::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.people-table-card::-webkit-scrollbar-thumb:hover{background:#64748b}.people-table{width:100%;border-collapse:collapse}.people-table th,.people-table td{padding:10px 12px;vertical-align:middle}.people-table td{white-space:normal}.scrollable-modal-dialog{max-width:650px;width:95%;max-height:90vh;overflow-y:auto;padding:24px;background:var(--card);border-radius:16px;box-shadow:0 20px 40px #00000080;border:1px solid var(--line)}@media print{body *{visibility:hidden}.receipt-modal,.receipt-modal *{visibility:visible}.receipt-modal{position:absolute;left:0;top:0;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important;border:none!important}.no-print{display:none!important}}