:root{--primary:#1a56db;--primary-hover:#1e40af;--primary-light:#1a56db1f;--accent-teal:#0ea5a0;--accent-amber:#f59e0b;--success:#10b981;--success-bg:#10b9811f;--danger:#ef4444;--danger-bg:#ef44441f;--warning:#f97316;--warning-bg:#f973161f;--info:#3b82f6;--bg-dark:#0b0f19;--bg-card:#182033bf;--bg-card-solid:#151d30;--bg-surface:#1e293b;--border-color:#ffffff14;--border-focus:#1a56db99;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-primary:#fff;--gradient-primary:linear-gradient(135deg, #1a56db 0%, #0ea5a0 100%);--gradient-card:linear-gradient(135deg, #1e3a8a4d 0%, #1a56db1a 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-dark:linear-gradient(180deg, #0b0f19 0%, #111827 100%);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006;--shadow-glow:0 0 25px #1a56db59;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}body{min-height:100vh;background:var(--gradient-dark);min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;overflow-x:hidden}#app{background-color:var(--bg-dark);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 60px #0009}@media (width>=768px){#app:has(.admin-view-wrapper){max-width:860px}}.hidden{display:none!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-primary{color:var(--primary)!important}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.mb-0{margin-bottom:0!important}.mt-4{margin-top:1rem}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-sm{padding:2px 8px;font-size:11px}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{color:var(--info);background:#3b82f61f}.badge-primary{background:var(--primary-light);color:#60a5fa}.badge-outline{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.badge-admin{color:var(--accent-amber);background:#f59e0b26}.badge-employee{background:var(--primary-light);color:#93c5fd}.badge-casual{color:var(--accent-teal);background:#0ea5a026}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #1a56db66}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 20px #1a56db99}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 16px #10b98166}.btn-success:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 16px #ef444466}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{background:#ffffff0d}.btn-outline-danger{color:var(--danger);background:0 0;border:1px solid #ef44444d}.btn-outline-danger:hover{background:var(--danger-bg)}.btn-ghost{color:var(--accent-teal);background:0 0;border:none}.btn-link{color:#60a5fa;background:0 0;border:none;padding:0;font-size:12px}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:14px 22px;font-size:16px}.btn-xl{border-radius:var(--radius-lg);padding:18px 24px;font-size:17px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px;position:relative;overflow:hidden}.card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-header-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.location-icon-bg{color:var(--accent-teal);background:#0ea5a02e}.shift-icon-bg{color:var(--accent-amber);background:#f59e0b2e}.attendance-icon-bg{color:#60a5fa;background:#1a56db33}.apple-icon-bg{color:#fff;background:#ffffff1a}.key-icon-bg{color:#f87171;background:#ef444426}.card-header-text{flex:1;min-width:0}.card-title{font-size:15px;font-weight:700}.card-subtitle{color:var(--text-muted);font-size:12px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-label-sm{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;left:14px}.input-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:flex;position:absolute;right:12px}.form-input,.form-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.input-wrapper .form-input{padding-left:42px}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db40}.form-input-sm{padding:8px 12px;font-size:13px}.alert{border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px;font-size:13px}.alert-error{background:var(--danger-bg);color:#fca5a5;border:1px solid #ef44444d}.app-header{z-index:40;padding:max(12px, env(safe-area-inset-top)) 16px 12px 16px;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#0b0f19d1;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.brand-icon-wrapper{background:var(--gradient-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 10px #1a56db66}.brand-title{font-size:17px;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--accent-teal);font-size:11px;font-weight:600}.header-user-btn{border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;color:inherit;background:#ffffff0d;align-items:center;gap:10px;padding:4px 6px 4px 12px;transition:all .2s;display:flex}.header-user-btn:hover{background:#ffffff14}.user-meta{flex-direction:column;align-items:flex-end;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:12px;font-weight:600;overflow:hidden}.user-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-color);width:100%;max-width:480px;padding:6px 12px max(10px, env(safe-area-inset-bottom)) 12px;z-index:50;background:#0f172ae0;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-items-container{justify-content:space-around;align-items:center;display:flex}.nav-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;transition:all .2s;display:flex}.nav-tab.active{color:#60a5fa}.nav-tab.active .nav-icon{color:var(--primary);filter:drop-shadow(0 0 8px #1a56db99);transform:scale(1.1)}.nav-icon{transition:transform .2s;display:flex}.nav-label{font-size:11px;font-weight:600}.main-content-viewport{flex:1;padding:16px 16px 90px}.clock-hero-card{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#1a56db40 0%,#0ea5a026 100%);border:1px solid #1a56db4d;margin-bottom:16px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.clock-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#1a56db26 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.clock-top-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clock-date{color:#93c5fd;font-size:13px;font-weight:600}.clock-live-pill{border-radius:var(--radius-full);color:#f87171;background:#ef444433;border:1px solid #ef444466;align-items:center;gap:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.live-dot{background-color:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}.clock-time-display{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff 30%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:4px 0 14px;font-size:44px;font-weight:800}.clock-greeting{border-top:1px solid #ffffff14;padding-top:12px}.greeting-sub{color:var(--text-muted);font-size:12px}.greeting-name{color:#fff;margin-bottom:6px;font-size:18px;font-weight:700}.employee-meta-row{justify-content:center;gap:8px;display:flex}.meta-tag{border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0f;padding:2px 8px;font-size:11px;font-weight:600}.icon-refresh-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.icon-refresh-btn:hover{color:#fff;background:#ffffff1a}.rotating svg{animation:1s linear infinite rotate}.location-status-badge{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.status-loading{color:#60a5fa;background:#3b82f61f}.status-inside{background:var(--success-bg);color:var(--success);border:1px solid #10b9814d}.status-outside{background:var(--danger-bg);color:var(--danger);border:1px solid #ef44444d}.location-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.info-cell{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffff08;padding:10px 12px}.info-label{color:var(--text-muted);font-size:11px;display:block}.info-value{color:var(--text-primary);font-size:15px;font-weight:700}.map-toggle-wrapper{text-align:center}.map-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:12px;overflow:hidden}.home-map{width:100%;height:180px}.shift-details-bar{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.shift-time-pill{color:var(--accent-amber);border-radius:var(--radius-sm);background:#f59e0b1f;padding:2px 8px;font-size:12px;font-weight:700}.shift-tolerance{color:var(--text-muted);font-size:11px}.attendance-summary-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.summary-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;padding:12px}.box-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.box-title{color:var(--text-muted);font-size:11px;font-weight:600}.box-time{letter-spacing:-.02em;font-size:22px;font-weight:800}.box-action{margin-top:6px}.duration-row{border-radius:var(--radius-sm);background:#ffffff05;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.duration-label{color:var(--text-muted)}.duration-value{color:#60a5fa;font-weight:700}.complete-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#10b98133 0%,#0ea5a026 100%);border:1px solid #10b9814d;align-items:center;gap:14px;padding:18px;display:flex}.complete-icon{font-size:32px}.complete-text h4{color:#34d399;margin-bottom:2px;font-size:16px}.complete-text p{color:var(--text-secondary);font-size:12px}.camera-modal-overlay{z-index:100;background:#000000eb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.camera-modal-content{border-radius:var(--radius-xl);background:#111827;border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:420px;padding:18px;display:flex;box-shadow:0 25px 50px -12px #000c}.camera-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.camera-title{font-size:16px;font-weight:700}.icon-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-close-btn:hover{color:#fff;background:#fff3}.viewfinder-wrapper{justify-content:center;width:100%;display:flex}.viewfinder-box{aspect-ratio:3/4;border-radius:var(--radius-lg);background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.camera-video,.camera-preview-img{object-fit:cover;width:100%;height:100%}.mirror-video{transform:scaleX(-1)}.viewfinder-guide{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.face-guide-oval{border:2px dashed #fff9;border-radius:50%;width:65%;height:70%;box-shadow:0 0 0 9999px #00000059}.guide-text{color:#fffc;text-shadow:0 1px 3px #000c;margin-top:12px;font-size:12px}.camera-loading{color:var(--text-secondary);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.camera-flash{z-index:20;background:#fff;position:absolute;inset:0}.camera-error-banner{border-radius:var(--radius-md);text-align:center;background:#ef444426;margin-top:12px;padding:10px;font-size:12px}.camera-error-banner p{color:#fca5a5;margin-bottom:8px}.camera-controls{margin-top:16px}.controls-row{justify-content:space-around;align-items:center;display:flex}.control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.control-btn:active{transform:scale(.92)}.shutter-button{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;transition:transform .15s;display:flex}.shutter-inner{background:#fff;border-radius:50%;width:100%;height:100%;transition:all .15s}.shutter-button:active{transform:scale(.93)}.shutter-button:active .shutter-inner{background:#cbd5e1}.controls-preview{gap:12px;display:flex}.controls-preview .btn{flex:1}.photo-modal-overlay{z-index:110;background:#000000e6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.photo-modal-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:400px;overflow:hidden}.photo-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.photo-modal-title{font-size:14px;font-weight:600}.photo-modal-body{padding:0}.photo-modal-img{object-fit:contain;width:100%;height:auto;max-height:75vh;display:block}.view-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.view-title{font-size:20px;font-weight:800}.view-subtitle{color:var(--text-muted);font-size:12px}.history-item-card{padding:14px 16px}.history-item-top{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.history-day{color:#fff;margin-right:6px;font-size:13px;font-weight:700}.history-full-date{color:var(--text-muted);font-size:12px}.history-badges{gap:6px;display:flex}.history-times-grid{justify-content:space-between;align-items:center;display:flex}.time-col{flex-direction:column;align-items:center;gap:2px;display:flex}.col-lbl{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.col-val{font-size:16px;font-weight:800}.time-divider-icon{color:var(--text-muted);opacity:.5}.mini-thumb{object-fit:cover;border:1px solid #fff3;border-radius:6px;width:24px;height:24px}.btn-thumb-photo{cursor:pointer;background:0 0;border:none;margin-top:2px}.profile-hero-card{text-align:center;padding:24px 20px}.profile-avatar-large{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:28px;font-weight:800;display:flex;box-shadow:0 8px 20px #1a56db66}.profile-name{margin-bottom:6px;font-size:20px;font-weight:800}.profile-role-pill{margin-bottom:18px}.profile-details-list{border-top:1px solid var(--border-color);padding-top:14px}.profile-detail-item{justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.detail-label{color:var(--text-muted)}.detail-val{color:var(--text-primary);font-weight:600}.ios-steps-list{color:var(--text-secondary);padding-left:20px;font-size:13px;line-height:1.6}.ios-steps-list li{margin-bottom:6px}.share-icon-inline{color:#60a5fa;font-size:16px}.profile-version-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:11px;line-height:1.4}.admin-controls-card{padding:14px}.controls-grid{flex-direction:column;gap:12px;display:flex}.controls-buttons-group{flex-wrap:wrap;gap:8px;display:flex}.admin-metrics-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.metric-card{text-align:center;margin-bottom:0;padding:12px}.metric-title{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.metric-value{font-size:22px;font-weight:800}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.admin-table th{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.admin-table td{white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:12px}.btn-table-photo{border:1px solid var(--border-color);color:#93c5fd;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0f;padding:4px 8px;font-size:11px}.btn-table-photo:hover{background:#ffffff1f}.photo-actions-cell{gap:4px;display:flex}.login-view-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:32px 24px;box-shadow:0 20px 50px #00000080}.login-brand-section{text-align:center;margin-bottom:28px}.login-logo-glow{margin-bottom:14px;display:inline-block;position:relative}.login-logo{background:var(--gradient-primary);color:#fff;border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 8px 25px #1a56db80}.login-title{margin-bottom:6px;font-size:24px;font-weight:800}.login-subtitle{color:var(--text-muted);font-size:13px}.login-footer{text-align:center;margin-top:24px}.login-footer-hint{color:var(--accent-teal);border-radius:var(--radius-md);background:#0ea5a01a;padding:8px 12px;font-size:12px;display:inline-block}.toast-container{top:max(16px, env(safe-area-inset-top));z-index:200;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:440px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;background:#0f172af2;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:500;display:flex;box-shadow:0 10px 30px #00000080}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.toast-icon{flex-shrink:0;display:flex}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-fade-out{opacity:0;transition:all .3s;transform:translateY(-8px)}.spinner{border:3px solid #ffffff26;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite rotate}.spinner-sm{border:2px solid #ffffff26;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite rotate}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite rotate}.empty-state,.loading-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty-icon{margin-bottom:4px;font-size:38px}.app-splash-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.splash-logo{background:var(--gradient-primary);color:#fff;width:90px;height:90px;box-shadow:var(--shadow-glow);border-radius:26px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.splash-title{letter-spacing:-.02em;font-size:28px;font-weight:800}.splash-subtitle{color:var(--accent-teal);font-size:13px;font-weight:600}.custom-map-icon{background:0 0;border:none}.marker-pin{background:var(--primary);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 10px #0006}.office-pin{background:#1a56db}.marker-pulse-container{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.marker-dot{z-index:2;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:relative}.marker-pulse{background:#3b82f666;border-radius:50%;width:24px;height:24px;animation:2s infinite pulse-radar;position:absolute}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-radar{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-scale-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleUp}.animate-slide-down{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.brand-logo-wrapper{border:1px solid var(--border-color);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:4px;display:flex;overflow:hidden}.brand-logo-img{object-fit:contain;width:100%;height:100%}.login-brand-logo{object-fit:contain;filter:drop-shadow(0 8px 24px #1a56db99);width:90px;height:90px;animation:3s ease-in-out infinite float-logo}.splash-logo-wrapper{filter:drop-shadow(0 10px 30px #1a56dbb3);justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:16px;display:flex}.splash-logo-img{object-fit:contain;width:100%;height:100%}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logout-section{z-index:5;margin-top:20px;margin-bottom:28px;position:relative}.profile-view-wrapper{padding-bottom:50px}.main-content-viewport{padding-bottom:110px!important}.logout-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.logout-modal-card{border-radius:var(--radius-xl);text-align:center;background:#1e293b;border:1px solid #ffffff1f;width:100%;max-width:360px;padding:24px 20px;box-shadow:0 25px 50px #0009}.logout-modal-icon{margin-bottom:12px;font-size:44px}.logout-modal-title{color:#fff;margin-bottom:8px;font-size:19px;font-weight:800}.logout-modal-desc{color:#94a3b8;margin-bottom:22px;font-size:13px;line-height:1.5}.logout-modal-actions{gap:10px;display:flex}.logout-modal-actions .btn{flex:1}