.connection-overlay[data-v-d33861f1]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.overlay-content[data-v-d33861f1]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);max-width:400px}.icon-container[data-v-d33861f1]{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:var(--radius-full);margin-bottom:var(--space-6);animation:pulse-d33861f1 2s ease-in-out infinite}.icon-container.internet-offline[data-v-d33861f1]{background:color-mix(in srgb,var(--status-busy) 20%,transparent);border:2px solid color-mix(in srgb,var(--status-busy) 50%,transparent)}.icon-container.database-offline[data-v-d33861f1]{background:color-mix(in srgb,var(--status-away) 20%,transparent);border:2px solid color-mix(in srgb,var(--status-away) 50%,transparent)}.icon-container.restore-in-progress[data-v-d33861f1]{background:color-mix(in srgb,var(--primary) 20%,transparent);border:2px solid color-mix(in srgb,var(--primary) 50%,transparent)}@keyframes pulse-d33861f1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.disconnect-icon[data-v-d33861f1]{width:60px;height:60px}.internet-offline .disconnect-icon[data-v-d33861f1]{color:var(--status-busy)}.database-offline .disconnect-icon[data-v-d33861f1]{color:var(--status-away)}.restore-in-progress .disconnect-icon[data-v-d33861f1]{color:var(--primary)}.restore-arrow[data-v-d33861f1]{animation:upload-bounce-d33861f1 1s ease-in-out infinite}@keyframes upload-bounce-d33861f1{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.overlay-title[data-v-d33861f1]{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3) 0}.overlay-message[data-v-d33861f1]{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--space-6) 0;line-height:1.6}.retry-section[data-v-d33861f1]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.checking-text[data-v-d33861f1],.countdown-text[data-v-d33861f1]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.spinner[data-v-d33861f1]{width:16px;height:16px;border:2px solid var(--glass-border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin-d33861f1 1s linear infinite}.spinner.large[data-v-d33861f1]{width:32px;height:32px;border-width:3px}@keyframes spin-d33861f1{to{transform:rotate(360deg)}}.restore-progress[data-v-d33861f1]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.restore-text[data-v-d33861f1]{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.retry-btn[data-v-d33861f1]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.retry-btn[data-v-d33861f1]:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px)}.retry-btn[data-v-d33861f1]:disabled{opacity:.5;cursor:not-allowed}.retry-icon[data-v-d33861f1]{width:16px;height:16px}.fade-enter-active[data-v-d33861f1],.fade-leave-active[data-v-d33861f1]{transition:opacity .3s ease}.fade-enter-from[data-v-d33861f1],.fade-leave-to[data-v-d33861f1]{opacity:0}.about-overlay[data-v-e1b8e4b4]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.close-btn[data-v-e1b8e4b4]{position:absolute;top:var(--space-6);right:var(--space-6);background:color-mix(in srgb,var(--text-primary) 10%,transparent);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.close-btn[data-v-e1b8e4b4]:hover{background:color-mix(in srgb,var(--text-primary) 20%,transparent)}.close-btn[data-v-e1b8e4b4] svg{width:20px;height:20px}.overlay-content[data-v-e1b8e4b4]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:680px;width:100%;max-height:90vh}.about-header[data-v-e1b8e4b4]{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-8) 0;flex-shrink:0}.logo-container[data-v-e1b8e4b4]{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 15%,transparent);border:2px solid color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 0 40px var(--primary-glow),0 0 80px color-mix(in srgb,var(--primary-glow) 50%,transparent);margin-bottom:var(--space-6);animation:logo-glow-e1b8e4b4 3s ease-in-out infinite}.about-logo[data-v-e1b8e4b4]{height:64px;width:auto;object-fit:contain}@keyframes logo-glow-e1b8e4b4{0%,to{box-shadow:0 0 40px var(--primary-glow),0 0 80px color-mix(in srgb,var(--primary-glow) 50%,transparent)}50%{box-shadow:0 0 60px var(--primary-glow),0 0 120px color-mix(in srgb,var(--primary-glow) 60%,transparent)}}.app-title[data-v-e1b8e4b4]{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.version-badge[data-v-e1b8e4b4]{display:inline-block;padding:var(--space-1) var(--space-3);background:color-mix(in srgb,var(--primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--primary);margin-bottom:var(--space-4)}.info-section[data-v-e1b8e4b4]{margin-bottom:var(--space-4)}.copyright[data-v-e1b8e4b4]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-1) 0}.support[data-v-e1b8e4b4]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.support-link[data-v-e1b8e4b4]{color:var(--primary);text-decoration:none;transition:color .2s}.support-link[data-v-e1b8e4b4]:hover{color:var(--primary-light);text-decoration:underline}.changelog-section[data-v-e1b8e4b4]{width:100%;border-top:1px solid var(--glass-border);padding:var(--space-5) var(--space-8) var(--space-6);min-height:0;display:flex;flex-direction:column;overflow:hidden}.changelog-title[data-v-e1b8e4b4]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;flex-shrink:0}.changelog-scroll[data-v-e1b8e4b4]{overflow-y:auto;padding-right:var(--space-2)}.timeline[data-v-e1b8e4b4]{position:relative;padding-left:var(--space-6)}.timeline[data-v-e1b8e4b4]:before{content:"";position:absolute;left:5px;top:10px;bottom:var(--space-4);width:2px;background:color-mix(in srgb,var(--primary) 30%,transparent)}.timeline-entry[data-v-e1b8e4b4]{position:relative;padding-bottom:var(--space-6);text-align:left}.timeline-entry[data-v-e1b8e4b4]:last-child{padding-bottom:0}.timeline-dot[data-v-e1b8e4b4]{position:absolute;left:calc(-1 * var(--space-6) + 1px);top:6px;width:10px;height:10px;border-radius:var(--radius-full);background:var(--primary);box-shadow:0 0 8px var(--primary-glow);z-index:1}.timeline-entry:first-child .timeline-dot[data-v-e1b8e4b4]{width:12px;height:12px;left:calc(-1 * var(--space-6));top:5px;box-shadow:0 0 12px var(--primary-glow),0 0 24px color-mix(in srgb,var(--primary-glow) 50%,transparent)}.timeline-content[data-v-e1b8e4b4]{min-height:0}.release-header[data-v-e1b8e4b4]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.release-version[data-v-e1b8e4b4]{font-size:var(--font-size-base);font-weight:600;color:var(--primary)}.release-date[data-v-e1b8e4b4]{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.change-count[data-v-e1b8e4b4]{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:auto}.change-list[data-v-e1b8e4b4]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.change-item[data-v-e1b8e4b4]{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:baseline;gap:var(--space-2);line-height:1.5}.change-type[data-v-e1b8e4b4]{flex-shrink:0;display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.type-feature[data-v-e1b8e4b4]{background:color-mix(in srgb,var(--accent-green) 20%,transparent);color:var(--accent-green)}.type-fix[data-v-e1b8e4b4]{background:color-mix(in srgb,var(--status-busy) 20%,transparent);color:var(--status-busy)}.type-improvement[data-v-e1b8e4b4]{background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary)}.type-breaking[data-v-e1b8e4b4]{background:color-mix(in srgb,var(--accent-orange) 20%,transparent);color:var(--accent-orange)}.type-update[data-v-e1b8e4b4]{background:color-mix(in srgb,var(--text-tertiary) 20%,transparent);color:var(--text-tertiary)}.fade-enter-active[data-v-e1b8e4b4],.fade-leave-active[data-v-e1b8e4b4]{transition:opacity .3s ease}.fade-enter-from[data-v-e1b8e4b4],.fade-leave-to[data-v-e1b8e4b4]{opacity:0}.toast-container[data-v-79d943f1]{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:10001;display:flex;flex-direction:column-reverse;gap:var(--space-2);pointer-events:none}.toast[data-v-79d943f1]{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-right:var(--space-8);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:auto;min-width:320px;max-width:400px}.toast-clickable[data-v-79d943f1]{cursor:pointer;transition:transform .2s,box-shadow .2s}.toast-clickable[data-v-79d943f1]:hover{transform:translate(-4px);background:var(--glass-bg-hover)}.toast-success[data-v-79d943f1]{border-left:4px solid var(--accent-green)}.toast-error[data-v-79d943f1]{border-left:4px solid var(--status-busy)}.toast-warning[data-v-79d943f1]{border-left:4px solid var(--accent-orange)}.toast-info[data-v-79d943f1],.toast-message-type[data-v-79d943f1]{border-left:4px solid var(--primary)}.toast-icon[data-v-79d943f1]{flex-shrink:0;margin-top:2px}.toast-icon svg[data-v-79d943f1]{width:20px;height:20px}.toast-success .toast-icon[data-v-79d943f1]{color:var(--accent-green)}.toast-error .toast-icon[data-v-79d943f1]{color:var(--status-busy)}.toast-warning .toast-icon[data-v-79d943f1]{color:var(--accent-orange)}.toast-info .toast-icon[data-v-79d943f1]{color:var(--primary)}.toast-avatar[data-v-79d943f1]{flex-shrink:0}.toast-avatar img[data-v-79d943f1]{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover}.avatar-placeholder[data-v-79d943f1]{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-lg)}.toast-content[data-v-79d943f1]{flex:1;min-width:0}.toast-title[data-v-79d943f1],.toast-sender[data-v-79d943f1]{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-text[data-v-79d943f1]{font-size:var(--font-size-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.toast-close[data-v-79d943f1]{position:absolute;top:var(--space-2);right:var(--space-2);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s,color .2s}.toast-close svg[data-v-79d943f1]{width:14px;height:14px}.toast-close[data-v-79d943f1]:hover{color:var(--text-primary);opacity:1}.toast-enter-active[data-v-79d943f1]{animation:slideIn-79d943f1 .3s ease-out}.toast-leave-active[data-v-79d943f1]{animation:slideOut-79d943f1 .2s ease-in}@keyframes slideIn-79d943f1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-79d943f1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 480px){.toast-container[data-v-79d943f1]{left:var(--space-2);right:var(--space-2)}.toast[data-v-79d943f1]{min-width:auto;max-width:none}}:root{--bg-gradient: linear-gradient(135deg, #0EA5E9 0%, #0284C7 50%, #1E3A8A 100%);--glass-bg: rgba(15, 23, 42, .75);--glass-bg-hover: rgba(30, 41, 59, .85);--glass-border: rgba(148, 163, 184, .25);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .1) inset;--primary: #00A8E8;--primary-light: #00C9FF;--primary-glow: rgba(0, 168, 232, .5);--accent-blue: #007EA7;--accent-green: #10B981;--accent-orange: #F59E0B;--accent-pink: #EC4899;--text-primary: #FFFFFF;--text-secondary: #E0F2FE;--text-tertiary: #BAE6FD;--status-online: #10B981;--status-away: #F59E0B;--status-busy: #EF4444;--status-dnd: #EF4444;--status-lunch: #EC4899;--status-offline: #64748B;--bubble-sent: #3B82F6;--bubble-received: rgba(51, 65, 85, .9);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--sidebar-width: 280px;--header-height: 80px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;color-scheme:dark}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-gradient);min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px}a{color:var(--primary);text-decoration:none}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);transition:all .2s}.glass-card:hover{background:var(--glass-bg-hover);transform:translateY(-1px)}.chat-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);max-width:70%}.chat-bubble--sent{background:var(--bubble-sent);margin-left:auto}.chat-bubble--received{background:var(--bubble-received)}.status-dot{width:10px;height:10px;border-radius:var(--radius-full)}.status-dot--online{background:var(--status-online);box-shadow:0 0 8px var(--status-online)}.status-dot--away{background:var(--status-away)}.status-dot--offline{background:var(--status-offline)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.font-semibold{font-weight:600}.w-full{width:100%}.rounded-full{border-radius:var(--radius-full)}.cursor-pointer{cursor:pointer}#app{min-height:100vh;display:flex;flex-direction:column}.app-background{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-gradient);z-index:-1}@media print{.app-sidebar,.sidebar,aside,nav:not(.print-nav),.app-header,header:not(.print-header){display:none!important;width:0!important;height:0!important;overflow:hidden!important}.app-content,.main-content,main,.app-layout,.layout{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}.app-header,[class*=sidebar]{position:static!important;display:none!important}body{background:#fff!important;margin:0!important;padding:0!important}.app-background,.page-header,.no-print{display:none!important}.payslip-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;margin:0!important;padding:15mm!important;box-shadow:none!important;border-radius:0!important}.payslip-page{padding:0!important;max-width:none!important}}