*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}@font-face{font-family:Forest;src:url(/fonts/Forest.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--brand-primary: #2f63df;--brand-primary-dark: #1d4ed8;--brand-primary-light: #60a5fa;--brand-primary-soft: #eff6ff;--brand-primary-glow: rgba(47, 99, 223, .35);--brand-sky: #0ea5e9;--brand-amber: #f59e0b;--brand-success: #10b981;--brand-danger: #ef4444;--ink-900: #0f172a;--ink-700: #334155;--ink-500: #64748b;--ink-400: #94a3b8;--line: #e2e8f0;--line-light: rgba(226, 232, 240, .8);--surface: #ffffff;--surface-glass: rgba(255, 255, 255, .88);--app-bg: #f8faff;--font-display: "Forest", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 36px rgba(15, 23, 42, .08);--shadow-glow: 0 10px 28px -4px rgba(47, 99, 223, .38)}html,body{touch-action:pan-x pan-y;overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#root,.app-shell,.mobile-staff-container,.mobile-sheet{touch-action:pan-x pan-y}input,textarea,select{user-select:text;-webkit-user-select:text;font-size:16px!important}body{min-height:100vh;min-height:-webkit-fill-available;background:var(--app-bg);background-image:radial-gradient(at 0% 0%,rgba(47,99,223,.06) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(14,165,233,.05) 0px,transparent 50%);background-attachment:fixed;color:var(--ink-900);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{font:inherit;cursor:pointer;border:0;outline:none;-webkit-user-select:none;user-select:none}button:active{transform:scale(.97);transition:transform .08s ease}.app-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:12px 16px calc(78px + env(safe-area-inset-bottom,16px));position:relative;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 14px}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#fff;border-radius:var(--radius-md);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:24px;box-shadow:0 4px 14px var(--brand-primary-glow)}.eyebrow{margin:0 0 2px;font-size:11px;color:var(--ink-500);font-weight:700;letter-spacing:.03em;text-transform:uppercase}h1{margin:0;font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--ink-900);letter-spacing:.02em}h2{margin:0 0 8px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.02em}h3{margin:0 0 6px;font-size:16px;font-weight:700}.status-pill{padding:5px 12px;border-radius:var(--radius-full);background:var(--brand-primary-soft);color:var(--brand-primary);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-success);animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.btn-icon-danger{width:36px;height:36px;border-radius:10px;background:#fee2e2;color:#ef4444;display:grid;place-items:center;transition:all .15s ease}.btn-icon-danger:hover{background:#fecaca}.staff-hero-glass-card{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-light);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.hero-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.hero-name{margin:2px 0 0;font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ink-900);letter-spacing:.02em}.hero-clock-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:6px 10px;text-align:right;min-width:100px}.live-clock-digits{display:block;font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--brand-primary);letter-spacing:.02em}.live-date{display:block;font-size:11px;font-weight:600;color:var(--ink-500)}.hero-chips-row{display:flex;flex-wrap:wrap;gap:8px}.campus-chip,.shift-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.campus-chip{background:var(--brand-primary-soft);color:var(--brand-primary-dark)}.shift-chip{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.mobile-action-card{background:var(--surface);border:1px solid var(--line-light);border-radius:var(--radius-lg);padding:20px 16px;margin-bottom:14px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.action-state-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.state-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:var(--radius-full)}.state-badge.badge-pending{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.state-badge.badge-active{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.pulse-dot-amber{width:8px;height:8px;border-radius:50%;background:var(--brand-amber)}.pulse-dot-green{width:8px;height:8px;border-radius:50%;background:var(--brand-success);animation:pulseGreen 1.5s infinite}.duty-instructions h3{font-size:18px;font-weight:800;margin-bottom:4px}.duty-instructions p{font-size:13px;color:var(--ink-500);max-width:300px;margin:0 auto}.btn-giant-action{width:100%;min-height:74px;border-radius:16px;border:0;padding:12px 18px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-glow)}.checkin-glow-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);animation:subtlePulse 3s infinite}@keyframes subtlePulse{0%{box-shadow:0 8px 24px #2563eb59}50%{box-shadow:0 12px 32px #2563eb8c}to{box-shadow:0 8px 24px #2563eb59}}.checkout-glow-btn{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 10px 28px -4px #0284c766}.giant-btn-inner{display:flex;align-items:center;gap:14px;text-align:left}.giant-icon-ring{width:50px;height:50px;border-radius:50%;background:#ffffff38;display:grid;place-items:center;flex-shrink:0}.giant-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.giant-sub{font-size:12px;opacity:.9;font-weight:500}.live-duty-timer-card{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:14px 16px;margin:4px 0}.timer-label{display:block;font-size:11px;font-weight:700;color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em}.timer-value{display:block;font-family:var(--font-mono);font-size:26px;font-weight:800;color:#047857;margin:2px 0 6px}.duty-meta-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-700);padding-top:6px;border-top:1px dashed #e2e8f0}.btn-mobile-emergency{width:100%;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:var(--radius-md);padding:12px 16px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.btn-mobile-emergency:hover{background:#fee2e2}.day-completed-wrap{padding:16px 8px}.completed-check-icon{width:68px;height:68px;border-radius:50%;background:#ecfdf5;display:grid;place-items:center;margin-bottom:6px}.duty-summary-p{font-size:14px;color:var(--ink-700);margin-bottom:8px}.mobile-ot-pill{background:#faf5ff;border:1px solid #e9d5ff;color:#7e22ce;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.completed-note{font-size:12px;color:var(--ink-500);margin-top:8px}.mobile-cutoff-alert{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);padding:14px;display:flex;align-items:flex-start;gap:12px;text-align:left}.cutoff-text strong{display:block;font-size:14px;color:#92400e}.cutoff-text p{margin:4px 0 0;font-size:12px;color:#b45309}.mobile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.mobile-stat-card{background:var(--surface);border:1px solid var(--line-light);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.mobile-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.stat-present:before{background:var(--brand-success)}.stat-half:before{background:var(--brand-amber)}.stat-ot:before{background:var(--brand-sky)}.stat-leave:before{background:var(--ink-500)}.stat-label{display:block;font-size:12px;font-weight:600;color:var(--ink-500)}.stat-number{display:block;font-size:22px;font-weight:800;color:var(--ink-900);margin:4px 0 2px}.mobile-stat-card small{display:block;font-size:11px;color:var(--ink-400)}.mobile-recent-card,.mobile-panel{background:var(--surface);border:1px solid var(--line-light);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.recent-card-header,.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.view-all-link{background:transparent;color:var(--brand-primary);font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;padding:4px}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-log-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border-radius:var(--radius-sm);border:1px solid #f1f5f9}.log-date-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink-700)}.log-time-info{font-size:12px;color:var(--ink-500)}.log-time-info span{display:block}.status-chip{padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:capitalize}.chip-normal{background:#ecfdf5;color:#065f46}.chip-half_day{background:#fffbeb;color:#92400e}.chip-leave{background:#eff6ff;color:#1e40af}.chip-absent{background:#fef2f2;color:#991b1b}.chip-emergency_approved_paid{background:#ecfdf5;color:#065f46}.empty-logs-placeholder{text-align:center;padding:24px 12px;color:var(--ink-400);font-size:13px}.mobile-bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line-light);padding:8px 16px calc(8px + env(safe-area-inset-bottom,12px));display:flex;justify-content:space-around;z-index:1000;box-shadow:0 -4px 20px #0000000a}.nav-tab{flex:1;background:transparent;color:var(--ink-500);display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:var(--radius-sm);transition:all .15s ease}.nav-tab span{font-size:11px;font-weight:600}.nav-tab.active{color:var(--brand-primary)}.nav-tab.active span{font-weight:800}.camera-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;box-sizing:border-box}.camera-modal-card{width:100%;max-width:440px;background:var(--surface);border-radius:var(--radius-lg);padding:22px 20px 24px;box-shadow:0 20px 50px -10px #0000004d,0 0 0 1px #0000000d;max-height:88vh;overflow-y:auto;animation:modalPop .22s cubic-bezier(.16,1,.3,1);box-sizing:border-box;margin:auto}.camera-modal-card.wide{max-width:520px}.camera-modal-card.mobile-sheet{border-radius:24px 24px 0 0;max-height:94vh;margin-top:auto;margin-bottom:0;padding:8px 16px calc(20px + env(safe-area-inset-bottom,16px));box-shadow:0 -10px 40px #0003;animation:slideUp .28s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-drag-handle{width:44px;height:5px;border-radius:var(--radius-full);background:#cbd5e1;margin:6px auto 14px}.camera-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.camera-header-info{display:flex;align-items:center;gap:10px}.fast-chip{background:#ecfdf5;color:#065f46;font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px}.icon-close-btn{width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:var(--ink-700);display:grid;place-items:center;font-size:20px}.camera-viewport-wrap{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:3 / 4;max-height:55vh;margin-bottom:14px;box-shadow:inset 0 0 20px #00000080}.selfie-face-target{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68%;height:70%;border-radius:46%;border:2px dashed rgba(255,255,255,.7);pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px}.target-text{background:#0009;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.02em}.live-camera-chip{background:#ecfdf5;color:#065f46;font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:5px;border:1px solid #a7f3d0}.camera-security-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;margin-bottom:12px;text-align:center;font-size:11px;font-weight:700;color:#475569}.error-security-disclaimer{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4;margin:10px 0;text-align:left}.camera-tip{font-size:12px;color:#94a3b8;font-weight:600}.camera-permission-ui-guide{padding:14px 12px;background:#fff;color:var(--ink-900);height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;text-align:left}.guide-header{display:flex;align-items:center;gap:12px}.guide-icon-box{width:44px;height:44px;border-radius:12px;background:#fee2e2;display:grid;place-items:center;flex-shrink:0}.guide-header h4{margin:0;font-size:15px;font-weight:800;color:#1e293b}.guide-header p{margin:2px 0 0;font-size:12px;color:#64748b}.guide-platform-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f1f5f9;padding:4px;border-radius:var(--radius-sm)}.guide-tab-btn{background:transparent;color:#64748b;font-size:12px;font-weight:700;padding:8px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.guide-tab-btn.active{background:#fff;color:var(--brand-primary);box-shadow:0 2px 6px #00000014}.steps-container{display:flex;flex-direction:column;gap:7px}.step-card{display:flex;align-items:flex-start;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}.step-num{width:20px;height:20px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.step-content strong{display:block;font-size:12px;color:#0f172a;line-height:1.3}.step-content p{margin:2px 0 0;font-size:11px;color:#64748b;line-height:1.3}.step-content code{background:#e2e8f0;padding:1px 4px;border-radius:4px;font-family:var(--font-mono);font-size:10px;color:#334155}.guide-security-banner{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:600;margin-top:auto}.permission-actions-group{display:grid;grid-template-columns:2fr 1fr;gap:8px;padding:4px 0}.btn-activate-camera{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#fff;border-radius:var(--radius-md);padding:13px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-glow)}.btn-reload-page{background:#f1f5f9;color:#334155;border-radius:var(--radius-md);padding:13px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e2e8f0}.camera-shutter-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:10;animation:flashFade .2s ease-out forwards}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.camera-controls{padding:6px 0}.snap-btn-group{display:flex;flex-direction:column;align-items:center;gap:12px}.shutter-row{display:flex;align-items:center;justify-content:center}.btn-snap-shutter{width:76px;height:76px;border-radius:50%;background:#2f63df26;border:4px solid var(--brand-primary);display:grid;place-items:center;transition:all .15s ease}.shutter-inner{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));display:grid;place-items:center;box-shadow:0 4px 14px var(--brand-primary-glow)}.confirm-btn-group{display:grid;grid-template-columns:1fr 2fr;gap:10px}.btn-submit-selfie{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius-md);padding:14px;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px #10b98159}.mobile-voice-box{background:#f8fafc;border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;margin:10px 0}.voice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.voice-header .label-text{font-size:12px;font-weight:700;color:var(--ink-700);display:flex;align-items:center;gap:6px}.voice-retention-pill{font-size:10px;font-weight:700;color:var(--ink-500);background:#e2e8f0;padding:2px 6px;border-radius:4px}.btn-mic-start{width:100%;background:#fff;border:1px dashed var(--brand-primary);color:var(--brand-primary);border-radius:var(--radius-md);padding:12px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.mic-icon-circle{width:28px;height:28px;border-radius:50%;background:var(--brand-primary-soft);display:grid;place-items:center}.recording-indicator-bar{display:flex;align-items:center;justify-content:space-between;background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-md);padding:10px 14px}.rec-live-pulse{display:flex;align-items:center;gap:8px}.pulsing-rec-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulseDot 1s infinite alternate}@keyframes pulseDot{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.rec-time{font-family:var(--font-mono);font-weight:700;font-size:13px;color:#991b1b}.wave-bar{width:3px;background:#ef4444;border-radius:2px;animation:waveMotion 1s infinite ease-in-out}.wave-bar.bar-1{height:10px;animation-delay:.1s}.wave-bar.bar-2{height:16px;animation-delay:.3s}.wave-bar.bar-3{height:22px;animation-delay:.2s}.wave-bar.bar-4{height:14px;animation-delay:.4s}.wave-bar.bar-5{height:8px;animation-delay:.15s}@keyframes waveMotion{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.btn-rec-stop{background:#dc2626;color:#fff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.audio-preview-bar{display:flex;align-items:center;gap:10px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-md);padding:8px 12px}.btn-play-pause{width:34px;height:34px;border-radius:50%;background:#10b981;color:#fff;display:grid;place-items:center}.audio-status-row{display:flex;align-items:center;gap:4px;font-size:12px;color:#065f46}.audio-time{font-family:var(--font-mono);font-size:11px;color:#047857}.btn-trash-voice{background:transparent;color:#ef4444;padding:6px}.sheet-title-col{display:flex;align-items:center;gap:8px}.alert-tag{background:#fee2e2;color:#991b1b;font-size:11px;font-weight:800;padding:2px 8px;border-radius:var(--radius-full)}.sheet-warning-p{font-size:12px;color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:12px}.quick-tags-container{margin-bottom:12px}.tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.reason-chip{background:#f1f5f9;border:1px solid #e2e8f0;color:var(--ink-700);border-radius:var(--radius-full);padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s ease}.reason-chip.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 2px 8px var(--brand-primary-glow)}.mobile-textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;font-family:inherit;font-size:14px;resize:vertical}.btn-take-selfie-sheet{width:100%;background:#f8fafc;border:1px dashed var(--brand-primary);color:var(--brand-primary);border-radius:var(--radius-md);padding:12px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.preview-avatar{width:48px;height:48px;border-radius:8px;object-fit:cover}.sheet-action-buttons{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:14px}.btn-sheet-cancel{background:#f1f5f9;color:var(--ink-700);border-radius:var(--radius-md);padding:12px;font-weight:700;font-size:14px}.btn-sheet-submit-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border-radius:var(--radius-md);padding:12px;font-weight:800;font-size:14px;box-shadow:0 4px 16px #ef444459}.mobile-login-wrap{width:100%;display:flex;justify-content:center;padding:8px 0}.mobile-glass-card{width:100%;max-width:420px;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line-light);border-radius:24px;padding:24px 20px;box-shadow:var(--shadow-lg)}.logo-symbol-glow{width:52px;height:52px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#fff;border-radius:14px;font-family:var(--font-display);font-size:30px;font-weight:700;display:grid;place-items:center;margin:0 auto 10px;box-shadow:var(--shadow-glow)}.mobile-segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f1f5f9;border-radius:var(--radius-md);padding:4px;margin-bottom:18px}.seg-btn{background:transparent;color:var(--ink-500);padding:10px;border-radius:10px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.seg-btn.active{background:#fff;color:var(--brand-primary);box-shadow:0 2px 8px #00000014}.branch-pills-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.branch-pill-chip{background:#f1f5f9;color:var(--ink-700);border:1px solid var(--line);padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;white-space:nowrap}.branch-pill-chip.active{background:var(--brand-primary-soft);color:var(--brand-primary);border-color:var(--brand-primary)}.mobile-input{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);padding:13px 14px;font-size:15px;font-family:inherit;background:#fff;transition:border .15s ease}.mobile-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #2f63df1f}.pin-input{font-family:var(--font-mono);font-size:20px;letter-spacing:.3em;text-align:center}.btn-giant-login{width:100%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#fff;border-radius:var(--radius-md);padding:15px;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-glow);margin-top:6px}.one-time-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:600;color:var(--ink-500);margin-top:12px;text-align:center}.quick-demo-section{margin-top:20px;padding-top:14px;border-top:1px dashed var(--line)}.demo-label{display:block;font-size:11px;font-weight:700;color:var(--ink-400);text-transform:uppercase;margin-bottom:8px}.demo-chips-row{display:flex;flex-wrap:wrap;gap:6px}.demo-chip{background:#f1f5f9;border:1px solid #e2e8f0;color:var(--ink-700);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700}.demo-chip:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}.role-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 16px}.role-switch button{border:1px solid var(--line);border-radius:8px;padding:8px 4px;background:var(--surface);color:var(--ink-500);font-size:12px;font-weight:700}.role-switch .active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border-color:var(--brand-primary);color:#fff;box-shadow:0 4px 12px #2f63df33}.action-panel,.list-panel{border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:14px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.metric{border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.metric span{display:block;color:var(--ink-500);font-size:12px;font-weight:600}.metric strong{display:block;margin:4px 0 2px;font-size:22px;font-weight:800;color:var(--ink-900)}.metric small{display:block;color:var(--ink-400);font-size:11px}.action-row{display:flex;width:100%;align-items:center;gap:12px;border:0;border-bottom:1px solid #f1f5f9;padding:12px 2px;background:transparent;text-align:left}.action-row:last-child{border-bottom:0}.action-icon{display:grid;width:38px;height:38px;min-width:38px;place-items:center;border-radius:10px;background:var(--brand-primary-soft);color:var(--brand-primary)}.action-icon.danger-icon{background:#fee2e2;color:#dc2626}.action-row strong{display:block;font-size:14px;color:var(--ink-900)}.action-row small{display:block;color:var(--ink-500);font-size:12px}.mobile-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;margin-bottom:12px}.banner-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.banner-dismiss{margin-left:auto;background:transparent;font-size:18px;color:inherit;padding:0 4px}.readonly-alert-card{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:13px;margin-bottom:14px}.readonly-alert-card.accounts-card{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.readonly-alert-card p{margin:4px 0 0;color:var(--ink-700);font-size:12px}.simple-table{width:100%;border-collapse:collapse;font-size:13px}.simple-table th,.simple-table td{padding:10px;text-align:left;border-bottom:1px solid #f1f5f9}.simple-table th{color:var(--ink-500);font-size:11px;text-transform:uppercase}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pwa-install-banner{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;box-shadow:var(--shadow-sm)}.pwa-install-banner button{background:var(--brand-primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700}.btn-primary{background:var(--brand-primary);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);font-weight:700}.btn-secondary{background:#f1f5f9;color:var(--ink-700);padding:10px 16px;border-radius:var(--radius-sm);font-weight:700}.btn-danger-full{width:100%;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:var(--radius-md);padding:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.info-item-box{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.info-item-box strong{display:block;font-size:13px;color:var(--ink-900)}.info-item-box p{margin:2px 0 0;font-size:13px;color:var(--ink-700)}.info-sub{font-size:11px;color:var(--ink-400)}.info-desc{font-size:13px;color:var(--ink-500);margin-bottom:14px}.mobile-history-list{display:flex;flex-direction:column;gap:10px}.history-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:12px}.history-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-900)}.history-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center;background:#fff;border-radius:8px;padding:8px 4px;border:1px solid #f1f5f9}.history-details-grid small{display:block;font-size:10px;color:var(--ink-400);text-transform:uppercase}.history-details-grid p{margin:2px 0 0;font-size:12px;font-weight:700;color:var(--ink-700)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px}.simple-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.simple-table th{background:#f8fafc;color:var(--ink-600);font-weight:700;padding:10px 12px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.simple-table td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.simple-table tr:hover td{background:#fdfefe}.badge-role-pill{display:inline-block;font-size:10px;font-weight:800;padding:3px 8px;border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase}.badge-role-pill.boss{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.badge-role-pill.hr{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.badge-role-pill.accounts{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-branch-pill{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:#f1f5f9;color:var(--ink-700)}.btn-action-sm{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;color:var(--ink-800);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-action-sm:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary-sm{display:inline-flex;align-items:center;gap:4px;background:var(--brand-primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s ease}.btn-primary-sm:hover{opacity:.9}.security-target-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:12px 14px;margin-bottom:16px}.login-container.mobile-login-wrap{width:100%;min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;box-sizing:border-box}.login-card.mobile-glass-card{width:100%;max-width:420px;background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:24px 20px 22px;box-shadow:0 20px 45px -10px #2563eb24,0 2px 10px #0f172a0a;box-sizing:border-box}.login-logo-box{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.logo-symbol-glow{width:52px;height:52px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:16px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:28px;box-shadow:0 8px 24px #2563eb61;margin-bottom:12px}.login-logo-box h2{margin:0 0 6px;font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.login-host-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;font-size:11px;font-weight:700;color:#64748b;letter-spacing:.03em;text-transform:uppercase}.login-host-badge .live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b98140}.mobile-segmented-control{display:flex;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;padding:4px;gap:4px;margin-bottom:18px}.seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border-radius:10px;border:none;background:transparent;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.seg-btn.active{background:#fff;color:#1d4ed8;font-weight:700;box-shadow:0 2px 8px #0f172a14}.branch-pills-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.branch-pill-chip{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:12px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-pill-chip.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;font-weight:700;box-shadow:0 0 0 2px #2563eb26}.branch-pill-badge{padding:8px 12px;background:#eff6ff;color:#1d4ed8;border-radius:10px;font-size:12px;font-weight:600}.mobile-input{width:100%;height:48px;border-radius:12px;border:1.5px solid #cbd5e1;background:#fff;padding:10px 14px;font-size:16px!important;font-family:inherit;color:#0f172a;outline:none;box-sizing:border-box;transition:all .15s ease}.mobile-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.mobile-input.pin-input{letter-spacing:.35em;text-align:center;font-size:20px!important;font-weight:700;font-family:var(--font-mono)}.btn-giant-login{width:100%;height:50px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px #2563eb59;cursor:pointer;transition:all .15s ease;margin-top:6px}.btn-giant-login:active{transform:scale(.98);box-shadow:0 2px 8px #2563eb40}.one-time-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#64748b;margin-top:12px;text-align:center}.quick-demo-section{margin-top:18px;padding-top:14px;border-top:1px dashed #e2e8f0;text-align:center}.demo-label{display:block;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.demo-chips-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.demo-chip{padding:5px 11px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s ease}.demo-chip:hover{background:#dbeafe}.demo-chip:active{transform:scale(.95)}.mobile-banner.banner-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:12px;font-size:13px;font-weight:600}.standard-form{display:flex;flex-direction:column;gap:14px}.form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-700);text-align:left}.form-input{width:100%;height:44px;border-radius:var(--radius-sm);border:1.5px solid #cbd5e1;background:#f8fafc;padding:8px 12px;font-size:15px!important;font-family:inherit;color:var(--ink-900);outline:none;box-sizing:border-box;transition:all .15s ease}.form-input:focus{border-color:var(--brand-primary);background:#fff;box-shadow:0 0 0 3px #2f63df26}select.form-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid #f1f5f9}.modal-actions button{flex:1;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.modal-actions-col{display:flex;flex-direction:column;gap:10px;margin-top:16px}.modal-actions-col button{width:100%;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer}.btn-outline{background:transparent;color:var(--brand-primary);border:1.5px solid #bfdbfe;border-radius:var(--radius-sm);font-weight:700;transition:all .15s ease}.btn-outline:hover{background:var(--brand-primary-soft)}.emergency-detail-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:14px;margin-bottom:14px;text-align:left}.emergency-detail-box p{margin:0 0 6px;font-size:13px;color:var(--ink-700)}.emergency-full-thumb{max-width:100%;max-height:180px;border-radius:8px;object-fit:cover;margin-top:6px}.decision-selector{text-align:left;margin-top:10px}.decision-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.btn-choice{padding:10px 8px;border-radius:var(--radius-sm);border:1.5px solid #e2e8f0;background:#fff;font-size:12px;font-weight:600;color:var(--ink-700);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-choice.active.green{background:#ecfdf5;border-color:#10b981;color:#047857;font-weight:700}.btn-choice.active.amber{background:#fffbeb;border-color:#f59e0b;color:#b45309;font-weight:700}.btn-choice.active.blue{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:700}.btn-choice.active.red{background:#fef2f2;border-color:#ef4444;color:#b91c1c;font-weight:700}.report-pre-box{background:#0f172a;color:#f8fafc;font-family:var(--font-mono);font-size:12px;line-height:1.6;padding:14px;border-radius:var(--radius-md);max-height:50vh;overflow-y:auto;white-space:pre-wrap;word-break:break-word;text-align:left}.sheet-info-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:var(--radius-md);padding:12px 14px;margin-bottom:12px;text-align:left}.sheet-info-card strong{font-size:13px;color:#1e3a8a}.sheet-info-card ul{margin:6px 0 0 16px;font-size:12px;color:#1e40af;line-height:1.5}.wa-settings-content{display:flex;flex-direction:column;gap:16px;text-align:left}.status-banner-card{display:flex;align-items:center;justify-content:space-between;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-md);padding:14px 16px;flex-wrap:wrap;gap:12px}.status-banner-card.disconnected{background:#fff7ed;border-color:#fed7aa}.status-banner-card.connecting{background:#eff6ff;border-color:#bfdbfe}.status-banner-left{display:flex;align-items:center;gap:12px}.status-banner-card strong{display:block;font-size:15px;color:#065f46}.status-banner-card.disconnected strong{color:#9a3412}.status-banner-card.connecting strong{color:#1e40af}.status-banner-card p{margin:2px 0 0;font-size:13px;color:#047857}.status-banner-card.disconnected p{color:#c2410c}.status-banner-actions{display:flex;align-items:center;gap:8px}.wa-mode-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:var(--radius-md);gap:4px}.wa-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.wa-mode-btn.active{background:#fff;color:var(--primary-700);box-shadow:0 1px 3px #0000001a}.wa-qr-box{display:flex;flex-direction:column;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:20px;text-align:center}.wa-qr-container{display:inline-block;background:#fff;padding:16px;border-radius:16px;box-shadow:0 4px 14px #00000014;border:2px solid #e2e8f0}.wa-qr-image{width:240px;height:240px;display:block;image-rendering:pixelated}.wa-qr-live-pulse{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:#059669}.live-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;display:inline-block}.live-dot.pulse{animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.4);opacity:.4}to{transform:scale(.9);opacity:1}}.wa-qr-loading{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#64748b}.wa-pair-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:20px}.wa-pair-form label{display:block;font-size:13px;font-weight:600;color:var(--ink-800);margin-bottom:8px}.pair-input-row{display:flex;gap:10px}.pair-input-row .form-input{flex:1}.wa-code-display-card{margin-top:16px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-radius:var(--radius-md);padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 4px 12px #0f172a26}.wa-code-display-card .code-label{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#94a3b8}.wa-code-display-card .code-digits{font-size:32px;font-weight:800;letter-spacing:6px;font-family:monospace;color:#38bdf8;background:#ffffff14;padding:8px 24px;border-radius:8px;border:1px dashed rgba(56,189,248,.4)}.wa-instructions{margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:14px 18px}.wa-instructions h5{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--ink-900)}.wa-instructions ol{margin:0;padding-left:20px;font-size:13px;color:#475569;line-height:1.6}.wa-auto-banner{display:flex;align-items:flex-start;gap:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:12px 14px}.wa-auto-banner p{margin:0;font-size:12px;line-height:1.5;color:#166534}.wa-auto-banner strong{color:#14532d}.group-creation-box,.test-message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:14px}.group-creation-box h4,.test-message-box h4{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--ink-900)}.panel-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line-light)}.panel-title-bar h2{margin:0}.branch-info-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow-sm)}.branch-info-row strong{display:block;font-size:14px;font-weight:700;color:var(--ink-900)}.branch-info-row small{display:block;font-size:12px;color:var(--ink-500);margin-top:2px}.btn-outline-sm{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--ink-700);font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease}.btn-outline-sm:hover{background:var(--brand-primary-soft);color:var(--brand-primary);border-color:#bfdbfe}.branch-selected-badge{display:flex;align-items:center;gap:10px;background:var(--brand-primary-soft);border:1.5px solid #bfdbfe;border-radius:var(--radius-md);padding:12px 14px;color:var(--brand-primary-dark);font-size:14px}.badge-core-pill{display:inline-block;padding:2px 7px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-pill.full_day{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.status-pill.half_day,.status-pill.half_day_leave{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.status-pill.full_day_leave{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.closing-soon-warning-banner{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #f59e0b;border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:16px;box-shadow:0 4px 12px #f59e0b1f;text-align:left}.closing-soon-header{display:flex;align-items:center;gap:8px;color:#b45309;font-size:13px;font-weight:700;margin-bottom:6px}.pulse-warning-icon{animation:pulse-warn 1.5s infinite;color:#d97706}@keyframes pulse-warn{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.75}to{transform:scale(1);opacity:1}}.malayalam-warning{margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.45;color:#92400e}.closing-soon-warning-banner small{display:block;font-size:11px;color:#b45309;line-height:1.4}.mobile-cutoff-alert{display:flex;align-items:flex-start;gap:12px;background:#fff7ed;border:1.5px solid #fdba74;border-radius:var(--radius-lg);padding:16px;margin-top:8px;text-align:left}.cutoff-text{flex:1}.cutoff-headline{display:block;font-size:15px;font-weight:800;color:#9a3412;margin-bottom:4px}.cutoff-pill-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:#ea580c;color:#fff;margin-bottom:8px;letter-spacing:.02em}.cutoff-text p{margin:0;font-size:12px;color:#7c2d12;line-height:1.45}.staff-hero-glass-card{background:linear-gradient(135deg,#fffffff2,#f0f9ffd9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-xl);padding:18px 20px;box-shadow:0 10px 30px -5px #2563eb14,0 2px 10px #0f172a0a;margin-bottom:16px}.hero-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.hero-user-info{display:flex;flex-direction:column}.hero-greeting{font-size:13px;font-weight:600;color:var(--ink-500)}.hero-name{font-size:20px;font-weight:800;color:var(--ink-900);margin:2px 0 0;letter-spacing:-.02em}.hero-clock-box{text-align:right;background:#2563eb0f;padding:6px 12px;border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.12)}.live-clock-digits{display:block;font-size:16px;font-weight:800;color:var(--brand-primary-dark);font-variant-numeric:tabular-nums;letter-spacing:.02em}.live-date{display:block;font-size:11px;font-weight:600;color:var(--ink-500);margin-top:1px}.hero-chips-row{display:flex;gap:8px;flex-wrap:wrap}.campus-chip,.shift-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.campus-chip{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.shift-chip{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.notif-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.notif-chip.active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.notif-chip.active:hover{background:#d1fae5}.notif-chip.prompt{background:#eff6ff;color:#2563eb;border-color:#bfdbfe;animation:pulse-notif-border 2s infinite}.notif-chip.prompt:hover{background:#dbeafe}@keyframes pulse-notif-border{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}.mobile-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-lg);font-size:13px;font-weight:600;margin-bottom:16px}.banner-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.banner-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.banner-dismiss{margin-left:auto;background:transparent;border:none;font-size:18px;line-height:1;color:inherit;cursor:pointer;opacity:.7}.banner-dismiss:hover{opacity:1}.tab-pane-content{padding-bottom:80px}.mobile-action-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:22px 20px;box-shadow:0 4px 20px #0000000d;margin-bottom:20px;text-align:center}.loading-card-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 10px;color:var(--ink-500);font-size:14px}.action-state-wrap{display:flex;flex-direction:column;align-items:center}.state-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:5px 14px;border-radius:var(--radius-full);margin-bottom:14px;letter-spacing:.02em}.badge-pending{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-active{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.pulse-dot-amber{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 #f59e0bb3;animation:pulse-ring 1.8s infinite}.pulse-dot-green{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981b3;animation:pulse-ring 1.8s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.duty-instructions{margin-bottom:18px}.duty-instructions h3{font-size:18px;font-weight:800;color:var(--ink-900);margin:0 0 4px}.duty-instructions p{font-size:13px;color:var(--ink-500);margin:0}.btn-giant-action{width:100%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:var(--radius-xl);padding:18px 20px;cursor:pointer;box-shadow:0 10px 25px -4px #2563eb59;transition:transform .15s ease,box-shadow .15s ease;outline:none;text-align:left}.btn-giant-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px -4px #2563eb73}.btn-giant-action:active:not(:disabled){transform:translateY(0)}.btn-giant-action:disabled{opacity:.6;cursor:not-allowed}.checkout-glow-btn{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 25px -4px #05966959}.checkout-glow-btn:hover:not(:disabled){box-shadow:0 14px 28px -4px #05966973}.giant-btn-inner{display:flex;align-items:center;gap:16px}.giant-icon-ring{width:56px;height:56px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.giant-text-col{display:flex;flex-direction:column}.giant-title{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.01em}.giant-sub{font-size:12px;color:#ffffffd9;margin-top:3px;line-height:1.35}.live-duty-timer-card{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:16px;margin-bottom:18px;box-sizing:border-box}.timer-label{display:block;font-size:12px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.timer-value{display:block;font-size:26px;font-weight:800;color:var(--ink-900);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-bottom:10px}.duty-meta-row{display:flex;justify-content:space-around;padding-top:10px;border-top:1px solid #e2e8f0;font-size:12px;color:var(--ink-600)}.duty-meta-row strong{color:var(--ink-900)}.btn-mobile-emergency{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;background:#fff1f2;border:1px solid #fecdd3;color:#e11d48;padding:12px 16px;border-radius:var(--radius-lg);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-mobile-emergency:hover{background:#ffe4e6;border-color:#fda4af}.day-completed-wrap{padding:10px 0}.completed-check-icon{margin-bottom:12px}.duty-summary-p{font-size:14px;color:var(--ink-600);margin:6px 0 14px}.mobile-ot-pill{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:var(--radius-full);padding:6px 14px;font-size:12px;font-weight:700;margin-bottom:12px}.completed-note{font-size:12px;color:var(--ink-400)}.mobile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.mobile-stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:0 2px 8px #00000008;text-align:left}.stat-label{display:block;font-size:12px;font-weight:600;color:var(--ink-500);margin-bottom:2px}.stat-number{display:block;font-size:22px;font-weight:800;color:var(--ink-900);line-height:1.2}.mobile-stat-card small{display:block;font-size:11px;color:var(--ink-400);margin-top:2px}.stat-present .stat-number{color:#16a34a}.stat-half .stat-number{color:#d97706}.stat-ot .stat-number{color:#2563eb}.stat-leave .stat-number{color:#dc2626}.mobile-recent-card,.mobile-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:18px 20px;box-shadow:0 2px 10px #0000000a;margin-bottom:18px}.recent-card-header,.panel-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.header-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink-900)}.view-all-link{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--brand-primary);font-size:12px;font-weight:700;cursor:pointer;padding:0}.recent-list,.mobile-history-list{display:flex;flex-direction:column;gap:10px}.recent-log-row{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:10px 14px;font-size:12px}.log-date-badge{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--ink-800)}.log-time-info{display:flex;gap:10px;color:var(--ink-600)}.history-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:14px}.history-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.history-date{display:flex;align-items:center;gap:6px;color:var(--ink-900)}.history-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff;padding:10px;border-radius:var(--radius-md);border:1px solid #edf2f7;text-align:center}.history-details-grid small{display:block;font-size:11px;color:var(--ink-400);margin-bottom:2px}.history-details-grid p{margin:0;font-size:13px;font-weight:700;color:var(--ink-800)}.status-chip{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);text-transform:capitalize}.chip-full_day,.chip-present{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.chip-half_day,.chip-half_day_leave{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.chip-full_day_leave,.chip-absent{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.empty-logs-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:var(--ink-400);font-size:13px;text-align:center}.records-count{font-size:12px;font-weight:600;color:var(--ink-500);background:#f1f5f9;padding:3px 8px;border-radius:var(--radius-sm)}.info-item-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:12px 14px;margin-bottom:10px}.info-item-box strong{display:block;font-size:12px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.info-item-box p{margin:0;font-size:14px;font-weight:600;color:var(--ink-900)}.info-sub{display:block;font-size:11px;color:var(--brand-primary);margin-top:4px;font-weight:600}.info-desc{font-size:13px;color:var(--ink-600);margin:0 0 14px;line-height:1.45}.btn-danger-full{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;border-radius:var(--radius-lg);padding:12px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-danger-full:hover{background:#fecaca}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(226,232,240,.8);display:flex;justify-content:space-around;padding:8px 16px calc(env(safe-area-inset-bottom,12px) + 8px);box-shadow:0 -4px 20px #0000000f;z-index:100}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;color:var(--ink-400);font-size:11px;font-weight:600;cursor:pointer;padding:6px 14px;border-radius:var(--radius-md);transition:all .15s ease}.nav-tab.active{color:var(--brand-primary);background:#2563eb14}.camera-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:999}@media (min-width: 640px){.camera-modal-backdrop{align-items:center}}.camera-modal-card{background:#fff;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:16px 20px 24px;box-shadow:0 -10px 40px #0003;display:flex;flex-direction:column}@media (min-width: 640px){.camera-modal-card{border-radius:24px;padding:24px}}.sheet-drag-handle{width:40px;height:4px;background:#cbd5e1;border-radius:2px;margin:0 auto 12px}.camera-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.camera-header-info h3,.sheet-title-col h3{margin:0;font-size:17px;font-weight:800;color:var(--ink-900)}.live-camera-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#16a34a;background:#f0fdf4;padding:2px 8px;border-radius:var(--radius-full);margin-top:4px}.alert-tag{display:inline-block;font-size:11px;font-weight:700;color:#e11d48;background:#ffe4e6;padding:2px 8px;border-radius:var(--radius-full);margin-bottom:4px}.icon-close-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-600);font-size:20px;line-height:1}.icon-close-btn:hover{background:#e2e8f0}.camera-security-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:8px 12px;font-size:11px;color:var(--ink-600);margin-bottom:12px;text-align:center}.camera-viewport-wrap{position:relative;width:100%;background:#0f172a;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/4;max-height:420px;display:flex;align-items:center;justify-content:center}.camera-shutter-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:50;opacity:.9}.video-container{position:relative;width:100%;height:100%;overflow:hidden}.camera-video-feed{width:100%;height:100%;object-fit:cover}.camera-video-feed.mirrored{transform:scaleX(-1)}.selfie-face-target{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:75%;border:2px dashed rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;box-sizing:border-box;pointer-events:none}.target-text{font-size:11px;font-weight:700;color:#fff;background:#0009;padding:3px 10px;border-radius:var(--radius-full)}.preview-wrap{position:relative;width:100%;height:100%}.camera-preview-img{width:100%;height:100%;object-fit:cover}.preview-badge{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;background:#10b981e6;color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.camera-permission-ui-guide{padding:20px;background:#fff;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;text-align:left}.guide-header{display:flex;gap:12px;align-items:center;margin-bottom:14px}.guide-icon-box{width:44px;height:44px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-header h4{margin:0;font-size:15px;font-weight:800;color:var(--ink-900)}.guide-header p{margin:2px 0 0;font-size:12px;color:var(--ink-500)}.guide-platform-tabs{display:flex;gap:8px;margin-bottom:14px}.guide-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--line);background:#f8fafc;border-radius:var(--radius-md);font-size:12px;font-weight:600;color:var(--ink-700);cursor:pointer}.guide-tab-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.steps-container{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.step-card{display:flex;gap:10px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:10px 12px}.step-num{width:22px;height:22px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content strong{display:block;font-size:13px;color:var(--ink-900)}.step-content p{margin:2px 0 0;font-size:11px;color:var(--ink-500)}.step-content code{background:#e2e8f0;padding:1px 4px;border-radius:4px;font-size:11px}.guide-security-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);padding:8px 10px;font-size:11px;color:#b45309}.camera-controls{padding-top:16px}.confirm-btn-group,.permission-actions-group{display:flex;gap:10px}.confirm-btn-group button,.permission-actions-group button{flex:1}.snap-btn-group{display:flex;flex-direction:column;align-items:center;gap:8px}.btn-snap-shutter{width:68px;height:68px;border-radius:50%;background:transparent;border:4px solid var(--brand-primary);padding:4px;cursor:pointer;outline:none;transition:transform .15s ease}.btn-snap-shutter:hover{transform:scale(1.05)}.btn-snap-shutter:active{transform:scale(.95)}.shutter-inner{width:100%;height:100%;border-radius:50%;background:var(--brand-primary);display:flex;align-items:center;justify-content:center}.camera-tip{font-size:12px;color:var(--ink-400)}.voice-recorder-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:12px 14px}.voice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.label-text{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink-700)}.voice-retention-pill{font-size:10px;font-weight:600;color:#64748b;background:#e2e8f0;padding:2px 6px;border-radius:var(--radius-full)}.btn-mic-start{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px dashed #cbd5e1;border-radius:var(--radius-md);padding:10px;cursor:pointer;color:var(--ink-700);font-size:13px;font-weight:600;transition:all .15s ease}.btn-mic-start:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#eff6ff}.mic-icon-circle{width:28px;height:28px;border-radius:50%;background:#eff6ff;color:var(--brand-primary);display:flex;align-items:center;justify-content:center}.recording-indicator-bar{display:flex;align-items:center;justify-content:space-between;background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:8px 12px}.rec-live-pulse{display:flex;align-items:center;gap:6px}.pulsing-rec-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulse-ring 1.2s infinite}.rec-time{font-size:13px;font-weight:800;color:#991b1b;font-variant-numeric:tabular-nums}.soundwave-container{display:flex;align-items:center;gap:3px;height:20px}.wave-bar{width:3px;background:#ef4444;border-radius:2px;animation:soundwave 1s ease-in-out infinite alternate}.bar-1{height:6px;animation-delay:.1s}.bar-2{height:16px;animation-delay:.3s}.bar-3{height:10px;animation-delay:.2s}.bar-4{height:18px;animation-delay:.4s}.bar-5{height:8px;animation-delay:.15s}@keyframes soundwave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.btn-rec-stop{display:inline-flex;align-items:center;gap:4px;background:#ef4444;color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer}.audio-preview-bar{display:flex;align-items:center;gap:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:8px 12px}.btn-play-pause{width:32px;height:32px;border-radius:50%;background:#10b981;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.audio-info{flex:1}.audio-status-row{display:flex;align-items:center;gap:5px;font-size:12px;color:#065f46}.audio-time{font-size:11px;color:#047857;font-variant-numeric:tabular-nums}.btn-trash-voice{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px}.btn-trash-voice:hover{color:#ef4444}.emergency-sheet-form{display:flex;flex-direction:column;gap:14px}.sheet-warning-p{margin:0;font-size:12px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:8px 12px}.quick-tags-container{display:flex;flex-direction:column;gap:6px}.tags-row{display:flex;flex-wrap:wrap;gap:6px}.reason-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:600;color:var(--ink-700);cursor:pointer}.reason-chip.active{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.mobile-textarea{width:100%;border:1.5px solid var(--line);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;box-sizing:border-box;font-family:inherit;resize:vertical}.selfie-sheet-preview{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:8px 12px}.preview-avatar{width:52px;height:52px;border-radius:var(--radius-md);object-fit:cover}.preview-action-text{display:flex;flex-direction:column;gap:4px}.success-badge{font-size:12px;font-weight:700;color:#16a34a}.btn-take-selfie-sheet{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:var(--radius-md);padding:12px;font-size:13px;font-weight:700;color:var(--ink-700);cursor:pointer}.btn-take-selfie-sheet:hover{background:#e2e8f0}.sheet-action-buttons{display:flex;gap:10px;margin-top:6px}.btn-sheet-cancel{flex:1;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:12px;font-size:13px;font-weight:700;color:var(--ink-700);cursor:pointer}.btn-sheet-submit-danger{flex:2;background:#dc2626;border:none;border-radius:var(--radius-md);padding:12px;font-size:13px;font-weight:700;color:#fff;cursor:pointer}.btn-sheet-submit-danger:disabled{opacity:.5;cursor:not-allowed}.btn-sheet-submit-primary{flex:2;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border:none;border-radius:var(--radius-md);padding:12px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 12px #2f63df40;transition:all .2s ease}.btn-sheet-submit-primary:hover{filter:brightness(1.05)}.btn-sheet-submit-primary:disabled{opacity:.5;cursor:not-allowed}.cutoff-and-late-wrap{display:flex;flex-direction:column;gap:12px;width:100%}.btn-emergency-late-checkin{width:100%;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fcd34d;border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;box-shadow:0 4px 14px #f59e0b2e;transition:transform .15s ease,box-shadow .15s ease;min-height:48px}.btn-emergency-late-checkin:active{transform:scale(.98)}.emergency-late-inner{display:flex;align-items:center;gap:12px;text-align:left}.emergency-icon-bubble{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;display:flex;align-items:center;justify-content:center}.emergency-text-col{display:flex;flex-direction:column;gap:2px;flex:1}.emergency-title{font-size:14.5px;font-weight:700;color:#991b1b}.emergency-malayalam{font-size:12px;font-weight:600;color:#b45309}.emergency-sub{font-size:11px;color:#78350f;margin-top:1px}.emergency-arrow{color:#d97706;flex-shrink:0}.monthly-filter-section{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;margin:12px 0 16px;box-shadow:0 2px 10px #0f172a08}.filter-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.filter-title-group{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink-900)}.branch-filter-box select{padding:6px 12px;border-radius:8px;border:1px solid var(--line);font-size:13px!important;background:#f8fafc;color:var(--ink-700);font-weight:600;cursor:pointer}.filter-pills-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-pills-scroll::-webkit-scrollbar{display:none}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9999px;font-size:13px;font-weight:600;border:1px solid var(--line);background:#f8fafc;color:var(--ink-700);white-space:nowrap;cursor:pointer;transition:all .15s ease;min-height:38px}.filter-pill:hover{background:#f1f5f9}.filter-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 4px 12px #2f63df47}.filter-pill.perfect.active{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#15803d}.filter-pill.leave.active{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#b91c1c}.filter-pill.half.active{background:linear-gradient(135deg,#d97706,#b45309);border-color:#b45309}.monthly-kpi-bar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;background:#f8fafc;border-radius:12px;margin-bottom:14px;border:1px solid #f1f5f9}.kpi-chip{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-600);background:#fff;padding:4px 10px;border-radius:8px;border:1px solid var(--line)}.kpi-chip.success strong{color:#16a34a}.kpi-chip.amber strong{color:#d97706}.kpi-chip.danger strong{color:#dc2626}.filtered-staff-card-list{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding-right:4px}.staff-monthly-row{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;gap:12px;transition:all .15s ease}.staff-monthly-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0a}.staff-row-left{display:flex;align-items:center;gap:10px}.staff-avatar-initials{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.staff-name-col{display:flex;flex-direction:column}.staff-name-col strong{font-size:14px;color:var(--ink-900)}.staff-sub-chips{display:flex;gap:6px;margin-top:2px;align-items:center}.branch-tag{font-size:11px;font-weight:600;color:#475569;background:#e2e8f0;padding:2px 6px;border-radius:4px}.core-tag{font-size:11px;font-weight:700;color:#7c3aed;background:#ede9fe;padding:2px 6px;border-radius:4px}.staff-row-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stat-pill-group{display:flex;gap:6px;font-size:12px;font-weight:600}.badge-fd{display:inline-flex;align-items:center;gap:4px;background:#dcfce7;color:#15803d;padding:3px 8px;border-radius:6px}.badge-hd{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#b45309;padding:3px 8px;border-radius:6px}.badge-a{display:inline-flex;align-items:center;gap:4px;background:#fee2e2;color:#b91c1c;padding:3px 8px;border-radius:6px}.pct-badge{font-size:12px;font-weight:800;padding:4px 8px;border-radius:6px;min-width:44px;text-align:center}.pct-badge.pct-high{background:#dcfce7;color:#15803d}.pct-badge.pct-med{background:#e0f2fe;color:#0369a1}.pct-badge.pct-low{background:#fee2e2;color:#b91c1c}.btn-ledger-sm{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--brand-primary);background:#eff6ff;border:1px solid #bfdbfe;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease;min-height:32px}.btn-ledger-sm:hover{background:#dbeafe}.filter-loading-box,.empty-filter-state{text-align:center;padding:24px;color:var(--ink-500);font-size:13.5px}.timing-zones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.timing-zone-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:6px;position:relative;transition:all .15s ease}.timing-zone-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0d}.timing-zone-card.morning{border-left:4px solid #16a34a}.timing-zone-card.buffer{border-left:4px solid #d97706}.timing-zone-card.halfday{border-left:4px solid #0284c7}.timing-zone-card.closed{border-left:4px solid #dc2626}.zone-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.zone-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:4px}.zone-badge.green{background:#dcfce7;color:#15803d}.zone-badge.amber{background:#fef3c7;color:#b45309}.zone-badge.blue{background:#e0f2fe;color:#0369a1}.zone-badge.gray{background:#f1f5f9;color:#64748b}.zone-hours{font-size:12px;font-weight:700;color:var(--ink-800)}.zone-title{font-size:13.5px;color:var(--ink-900)}.zone-desc{margin:0;font-size:12px;color:var(--ink-500);line-height:1.35}@media (max-width: 480px){.app-shell{padding-bottom:max(env(safe-area-inset-bottom,24px),24px)}.screen-stack{padding:12px 10px;gap:14px}.summary-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.metric{padding:12px 10px;border-radius:var(--radius-md)}.metric strong{font-size:20px}.panel-title-bar{padding:12px 14px}.panel-title-bar h2{font-size:16px}.action-row{padding:12px 14px;min-height:48px}.camera-modal-backdrop{padding:0;align-items:flex-end}.camera-modal-card{width:100%!important;max-width:100%!important;margin:0;border-radius:20px 20px 0 0!important;max-height:92vh;overflow-y:auto;padding:18px 14px;padding-bottom:max(env(safe-area-inset-bottom,24px),24px)}.camera-modal-card.wide{width:100%!important;max-width:100%!important}.staff-monthly-row{flex-direction:column;align-items:stretch;gap:10px}.staff-row-stats{justify-content:space-between;width:100%}.grid-2-col{grid-template-columns:1fr!important;gap:10px}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%;min-height:46px}.modal-actions-col{gap:8px}.modal-actions-col button{min-height:46px;font-size:13.5px}.btn-choice{min-height:46px;font-size:13px}}