:root{--bg-app: #131929;--bg-card: #1c2438;--bg-card-elevated: #242e47;--bg-card-hover: #293552;--bg-input: #171f33;--border-subtle: rgba(255, 255, 255, .08);--border-active: #3b82f6;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--text-inverse: #090d16;--icon-gear-bg: #1e3a5f;--icon-gear-color: #38bdf8;--icon-bell-bg: #4a341b;--icon-bell-color: #fbbf24;--icon-tag-bg: #19432e;--icon-tag-color: #34d399;--icon-book-bg: #1d3557;--icon-book-color: #60a5fa;--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .35);--emerald: #10b981;--emerald-glow: rgba(16, 185, 129, .3);--amber: #f59e0b;--amber-glow: rgba(245, 158, 11, .35);--rose: #ef4444;--rose-glow: rgba(239, 68, 68, .45);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius-full: 9999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;min-height:100dvh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}@keyframes flashEmergency{0%{background-color:#ef4444eb}50%{background-color:#f59e0bf2}to{background-color:#ef4444eb}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-step-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px}.install-step-badge{width:28px;height:28px;min-width:28px;border-radius:50%;background:#3b82f633;color:#60a5fa;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.install-step-text{font-size:12px;color:var(--text-main);line-height:1.4}@media print{body{background-color:#fff!important;color:#000!important}.no-print,.bottom-nav-container,.pf-header,.pf-icon-btn,.pf-sheet-backdrop{display:none!important}.reports-page-container,.mobile-wrapper,.wide-layout{max-width:100%!important;padding:0!important;margin:0!important}.card,.day-metrics-grid{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:none!important;color:#000!important}.table th{background-color:#1e293b!important;color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.table td{color:#1e293b!important;border-bottom:1px solid #e2e8f0!important}.table tr.weekend{background-color:#f8fafc!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:calc(72px + var(--safe-bottom));position:relative;background-color:var(--bg-app)}.mobile-wrapper{width:100%;max-width:460px;margin:0 auto;padding:12px 16px;display:flex;flex-direction:column;gap:14px}.mobile-wrapper.wide-layout{max-width:900px}.pf-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background-color:var(--bg-app);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:40;padding-top:calc(12px + var(--safe-top))}.pf-header-left,.pf-header-right{display:flex;align-items:center;gap:8px;min-width:40px}.pf-header-center{flex:1;text-align:center}.pf-header-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px}.pf-header-subtitle{font-size:11px;color:var(--text-muted)}.pf-icon-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);transition:background-color .2s}.pf-icon-btn:active{background-color:#ffffff1a}.bottom-nav-pf{position:fixed;bottom:0;left:0;right:0;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#171f33;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-around;z-index:50}.nav-item-pf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:#8896ab;font-size:11px;font-weight:500;cursor:pointer;padding:6px 16px;flex:1;position:relative;transition:all .2s}.nav-item-pf.active{color:#fff;font-weight:700}.nav-item-pf.active:before{content:"";position:absolute;top:-12px;width:54px;height:24px;background:#171f33;border-radius:20px 20px 0 0;border-top:2px solid var(--primary);z-index:-1;box-shadow:0 -4px 10px #3b82f633}.day-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;color:#fff}.day-nav-title{font-size:14px;font-weight:600;color:#cbd5e1;text-transform:lowercase}.day-nav-title:first-letter{text-transform:uppercase}.day-metrics-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.metric-column{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:11px;color:#818cf8;font-weight:500}.metric-value{font-family:var(--font-mono);font-size:15px;font-weight:700;color:#cbd5e1}.metric-value.positive{color:var(--emerald)}.metric-value.negative{color:var(--rose)}.pf-list-group{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column}.pf-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background-color .15s;text-decoration:none;color:inherit}.pf-list-item:last-child{border-bottom:none}.pf-list-item:active{background-color:var(--bg-card-hover)}.pf-list-left{display:flex;align-items:center;gap:14px}.pf-badge-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-badge-gear{background-color:var(--icon-gear-bg);color:var(--icon-gear-color)}.pf-badge-bell{background-color:var(--icon-bell-bg);color:var(--icon-bell-color)}.pf-badge-tag{background-color:var(--icon-tag-bg);color:var(--icon-tag-color)}.pf-badge-book{background-color:var(--icon-book-bg);color:var(--icon-book-color)}.pf-list-text{display:flex;flex-direction:column}.pf-list-title{font-size:14px;font-weight:600;color:#fff}.pf-list-sub{font-size:11px;color:var(--text-muted)}.pf-arrow-right{color:#64748b;font-size:16px}.pf-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.pf-toggle-item:last-child{border-bottom:none}.pf-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.pf-switch input{opacity:0;width:0;height:0}.pf-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;transition:.25s;border-radius:34px}.pf-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.25s;border-radius:50%}input:checked+.pf-slider{background-color:var(--primary)}input:checked+.pf-slider:before{transform:translate(22px)}.pf-btn-pill{width:100%;padding:12px;border-radius:var(--radius-full);background:transparent;border:1px solid #38bdf8;color:#38bdf8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.pf-btn-pill:active{background:#38bdf81a}.pf-option-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .2s}.pf-option-card:active{background:var(--bg-card-hover);border-color:var(--border-active)}.pf-option-header{display:flex;align-items:center;justify-content:space-between}.pf-option-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#fff}.pf-option-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.pf-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;display:flex;flex-direction:column;justify-content:flex-end}.pf-sheet-modal{background:#171f33;border-radius:20px 20px 0 0;padding:16px 20px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px;max-height:80vh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #0009}.pf-sheet-handle{width:40px;height:4px;background:#475569;border-radius:2px;margin:0 auto 8px}.pf-sheet-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.pf-sheet-item{display:flex;align-items:center;gap:14px;padding:12px 6px;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.pf-sheet-item:active{background:#ffffff0f}.pf-sheet-item-label{font-size:14px;font-weight:500;color:#f1f5f9}.punch-card-pf{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.punch-card-pf.completed{border-left:4px solid var(--emerald)}.punch-card-pf.ready{border-left:4px solid var(--primary);background:var(--bg-card-elevated)}.punch-card-pf.disabled{opacity:.5}.alarm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:flashEmergency 1.2s infinite ease-in-out;color:#fff;text-align:center}.alarm-box{background:#171f33;border:2px solid #fff;border-radius:var(--radius-lg);padding:24px;max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 20px 60px #000c}.btn-dismiss-alarm{background:#fff;color:#0f172a;border:none;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:800;cursor:pointer;width:100%}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:all .15s cubic-bezier(.4,0,.2,1);letter-spacing:.1px}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 18px #2563eb73}.btn-primary:active{transform:scale(.96);box-shadow:0 2px 6px #2563eb40}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-punch-action{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff!important;border:1px solid rgba(147,197,253,.35);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 4px 14px #2563eb66;letter-spacing:.2px;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-punch-action:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 18px #2563eb80;transform:translateY(-1px)}.btn-punch-action:active{transform:scale(.95);box-shadow:0 2px 6px #2563eb4d}.btn-punch-action:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-card-elevated);color:var(--text-main)!important;border:1px solid var(--border-subtle);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#ffffff26}.btn-secondary:active{transform:scale(.96)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.sound-banner{background:linear-gradient(135deg,#f59e0b1f,#1c2438f2);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 16px #00000040;transition:all .2s ease}.sound-banner.active{background:linear-gradient(135deg,#10b9811f,#1c2438f2);border-color:#10b98159}.sound-banner-text{display:flex;align-items:center;gap:12px;font-size:13px;color:#fff;line-height:1.35}.btn-sound-activate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;border:1px solid rgba(255,255,255,.3);border-radius:9999px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;box-shadow:0 3px 12px #f59e0b73;cursor:pointer;white-space:nowrap;letter-spacing:.1px;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-sound-activate:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 5px 16px #f59e0b8c;transform:translateY(-1px)}.btn-sound-activate:active{transform:scale(.95);box-shadow:0 1px 6px #f59e0b40}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:0 8px 30px #00000059}.auth-card{width:100%;max-width:440px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:0 16px 40px #00000073;display:flex;flex-direction:column;gap:18px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#141b2d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px;gap:4px}.auth-tab{padding:10px 14px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:700;box-shadow:0 4px 14px #2563eb59}.form-group{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important}.form-label{font-size:13px!important;font-weight:600!important;color:#94a3b8!important;display:flex!important;align-items:center!important;gap:6px!important}.input-with-icon{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}.input-icon-left{position:absolute;left:14px;color:#64748b;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.input-with-icon:focus-within .input-icon-left{color:#3b82f6}.form-input{display:block!important;width:100%!important;background-color:#0f172a!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;padding:12px 14px!important;font-size:14px!important;font-family:inherit!important;outline:none!important;box-sizing:border-box!important;transition:border-color .2s,box-shadow .2s,background-color .2s}.input-with-icon .form-input{padding-left:42px!important}.form-input:focus{border-color:#3b82f6!important;background-color:#171f33!important;box-shadow:0 0 0 3px #3b82f640!important}.form-input:disabled,.form-input[disabled]{opacity:.65!important;cursor:not-allowed!important;background-color:#0d1322!important;border-color:#ffffff0f!important}.form-input::placeholder{color:#64748b!important}input[type=time].form-input,input[type=date].form-input,input[type=time],input[type=date]{color-scheme:dark!important}.custom-datepicker-container{position:relative;width:100%}.custom-datepicker-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#0d1322!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit;cursor:pointer;outline:none;box-sizing:border-box;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-datepicker-trigger:hover,.custom-datepicker-trigger.focused{border-color:#3b82f6!important;background-color:#131b2e!important;box-shadow:0 0 0 3px #3b82f640}.datepicker-icon-box{width:32px;height:32px;border-radius:8px;background:#38bdf81f;color:#38bdf8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.datepicker-display-value{font-weight:600;color:#fff;font-size:13.5px;letter-spacing:.1px}.datepicker-chevron{font-size:10px;color:#94a3b8;margin-left:8px}.custom-calendar-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000c!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;animation:calBackdropFadeIn .2s ease forwards}@keyframes calBackdropFadeIn{0%{opacity:0}to{opacity:1}}.custom-calendar-card{width:100%;max-width:360px;background:#0f172a;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:18px;box-shadow:0 25px 50px -12px #000000f2,0 0 0 1px #ffffff14;animation:calModalScaleIn .22s cubic-bezier(.16,1,.3,1) forwards;box-sizing:border-box}@keyframes calModalScaleIn{0%{opacity:0;transform:scale(.92) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-calendar-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.cal-close-icon-btn{width:30px;height:30px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.cal-close-icon-btn:hover{background:#ffffff26;color:#fff}.custom-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.cal-header-title{display:flex;align-items:center;gap:6px;font-size:15px;color:#fff}.cal-header-title strong{font-weight:700;color:#fff;text-transform:capitalize}.cal-header-title span{color:#94a3b8;font-weight:500}.cal-nav-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.cal-nav-btn:hover{background:#ffffff26;color:#fff;border-color:#fff3}.custom-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;margin-bottom:6px}.cal-weekday-cell{font-size:11px;font-weight:700;color:#64748b;padding:4px 0;text-transform:uppercase;letter-spacing:.5px}.cal-weekday-cell.weekend{color:#94a3b8}.custom-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day-cell{height:38px;border-radius:10px;border:none;background:transparent;color:#e2e8f0;font-size:13px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.cal-day-cell:hover{background:#ffffff14;color:#fff}.cal-day-cell.other-month{color:#475569;opacity:.45}.cal-day-cell.today{border:1px solid rgba(16,185,129,.5);color:#34d399;font-weight:700}.today-dot{width:4px;height:4px;border-radius:50%;background-color:#10b981;position:absolute;bottom:4px}.cal-day-cell.selected{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;font-weight:700!important;box-shadow:0 4px 12px #3b82f673;border:none!important}.custom-calendar-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.cal-quick-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:5px 12px;color:#cbd5e1;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.cal-quick-btn:hover{background:#ffffff26;color:#fff}.cal-close-btn{background:transparent;border:none;color:#94a3b8;font-size:11px;font-weight:600;cursor:pointer;padding:5px 10px;transition:color .15s}.cal-close-btn:hover{color:#fff}.day-nav-date-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 10px;cursor:pointer;transition:all .15s ease;font-family:inherit}.day-nav-date-btn:hover{background:#ffffff0f;border-color:#ffffff1a}