.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}}.btn[data-v-49b968f4]{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn--primary[data-v-49b968f4]{background:var(--primary);color:#fff}.btn--primary[data-v-49b968f4]:hover{background:var(--primary-light);transform:translateY(-1px)}.btn--secondary[data-v-49b968f4]{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);border:1px solid var(--glass-border)}.btn--secondary[data-v-49b968f4]:hover{background:var(--glass-bg-hover)}.btn--warning[data-v-49b968f4]{background:#f59e0b;color:#fff}.btn--warning[data-v-49b968f4]:hover{background:#d97706;transform:translateY(-1px)}.btn--danger[data-v-49b968f4]{background:var(--accent-red, #ef4444);color:#fff}.btn--danger[data-v-49b968f4]:hover{background:#dc2626;transform:translateY(-1px)}.btn--danger-outline[data-v-49b968f4]{background:transparent;color:var(--accent-red, #ef4444);border:1px solid var(--accent-red, #ef4444)}.btn--danger-outline[data-v-49b968f4]:hover{background:#ef444426;transform:translateY(-1px)}.btn--success[data-v-49b968f4]{background:var(--accent-green, #22c55e);color:#fff}.btn--success[data-v-49b968f4]:hover{background:#16a34a;transform:translateY(-1px)}.btn[data-v-49b968f4]:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay[data-v-5a456edf]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-5a456edf]{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);width:100%;max-height:80vh;display:flex;flex-direction:column}.modal-small[data-v-5a456edf]{max-width:320px}.modal-medium[data-v-5a456edf]{max-width:480px}.modal-large[data-v-5a456edf]{max-width:640px}.modal-full[data-v-5a456edf]{max-width:90vw;max-height:90vh}.modal-header[data-v-5a456edf]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--glass-border)}.modal-header h3[data-v-5a456edf]{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.close-btn[data-v-5a456edf]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center}.close-btn[data-v-5a456edf]:hover{color:var(--text-primary)}.close-btn svg[data-v-5a456edf]{width:20px;height:20px}.modal-body[data-v-5a456edf]{padding:var(--space-4);overflow-y:auto}.modal-footer[data-v-5a456edf]{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--glass-border)}.otp-wrap[data-v-e7f968e3]{display:flex;gap:var(--space-2);justify-content:center}.otp-box[data-v-e7f968e3]{width:44px;height:54px;padding:0;text-align:center;font-size:var(--font-size-2xl);font-weight:600;font-family:var(--font-family);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);caret-color:var(--primary-light);transition:border-color .15s,box-shadow .15s}.otp-box[data-v-e7f968e3]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00a8e840}.otp-box[data-v-e7f968e3]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 420px){.otp-box[data-v-e7f968e3]{width:38px;height:48px;font-size:var(--font-size-xl)}}.setup-body[data-v-95d45e71]{display:flex;flex-direction:column;gap:var(--space-4)}.step[data-v-95d45e71]{display:flex;gap:var(--space-3);align-items:center;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.step-number[data-v-95d45e71]{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;line-height:1}.step-text[data-v-95d45e71]{flex:1}.qr-wrap[data-v-95d45e71]{display:flex;justify-content:center;padding:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.qr-image[data-v-95d45e71]{width:220px;height:220px;background:#fff;padding:var(--space-2);border-radius:var(--radius-md)}.manual-details[data-v-95d45e71]{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm)}.manual-details summary[data-v-95d45e71]{cursor:pointer;color:var(--primary-light)}.manual-key[data-v-95d45e71]{margin-top:var(--space-3);padding:var(--space-3);background:#00000040;border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-size-base);letter-spacing:2px;color:var(--text-primary);word-break:break-all;text-align:center}.manual-hint[data-v-95d45e71]{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.verify-form[data-v-95d45e71]{display:flex;flex-direction:column;gap:var(--space-3)}.error-message[data-v-95d45e71]{padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5;font-size:var(--font-size-sm);text-align:center}.loading-state[data-v-95d45e71]{text-align:center;padding:var(--space-6);color:var(--text-secondary)}.modal-actions[data-v-95d45e71]{display:flex;gap:var(--space-3);justify-content:flex-end}.enforcement-banner[data-v-7564c07d]{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--glass-bg);border-bottom:1px solid var(--accent-orange);color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.banner-icon[data-v-7564c07d]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent-orange);color:#fff;flex-shrink:0}.banner-icon svg[data-v-7564c07d]{width:16px;height:16px}.banner-text[data-v-7564c07d]{flex:1;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm)}.banner-text strong[data-v-7564c07d]{color:var(--text-primary)}.banner-text span[data-v-7564c07d]{color:var(--text-secondary)}.banner-close[data-v-7564c07d]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.banner-close[data-v-7564c07d]:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.banner-close svg[data-v-7564c07d]{width:18px;height:18px}.blocking-shield[data-v-7564c07d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#0009;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.shield-card[data-v-7564c07d]{max-width:480px;width:100%;padding:var(--space-8);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);text-align:center}.shield-icon[data-v-7564c07d]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--accent-orange);color:#fff}.shield-icon svg[data-v-7564c07d]{width:32px;height:32px}.shield-card h2[data-v-7564c07d]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.shield-card p[data-v-7564c07d]{margin:0 0 var(--space-6) 0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5}.shield-actions[data-v-7564c07d]{display:flex;gap:var(--space-3);justify-content:center}: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;--danger: #EF4444;--warning: #F59E0B;--success: #10B981;--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;--space-10: 2.5rem;--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;--sidebar-collapsed-width: 64px;--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}}