:root{--vt-c-white: #ffffff;--vt-c-gray-50: #f9fafb;--vt-c-gray-100: #f3f4f6;--vt-c-gray-200: #e5e7eb;--vt-c-gray-300: #d1d5db;--vt-c-gray-400: #9ca3af;--vt-c-gray-500: #6b7280;--vt-c-gray-600: #4b5563;--vt-c-gray-700: #374151;--vt-c-gray-800: #1f2937;--vt-c-gray-900: #111827;--vt-c-blue: #3b82f6;--vt-c-blue-light: #60a5fa;--vt-c-blue-dark: #2563eb;--vt-c-blue-soft: rgba(59, 130, 246, .1);--vt-c-green: #10b981;--vt-c-green-light: #34d399;--vt-c-green-dark: #059669;--vt-c-green-soft: rgba(16, 185, 129, .1);--vt-c-red: #ef4444;--vt-c-red-light: #f87171;--vt-c-red-dark: #dc2626;--vt-c-red-soft: rgba(239, 68, 68, .1);--vt-c-yellow: #f59e0b;--vt-c-yellow-light: #fbbf24;--vt-c-yellow-dark: #d97706;--vt-c-yellow-soft: rgba(245, 158, 11, .1);--vt-c-divider-light-1: rgba(17, 24, 39, .1);--vt-c-divider-light-2: rgba(17, 24, 39, .05)}:root{--color-background: var(--vt-c-gray-50);--color-background-soft: var(--vt-c-white);--color-background-mute: var(--vt-c-gray-100);--color-border: var(--vt-c-gray-200);--color-border-hover: var(--vt-c-gray-300);--color-heading: var(--vt-c-gray-900);--color-text: var(--vt-c-gray-900);--color-text-soft: var(--vt-c-gray-600);--color-text-mute: var(--vt-c-gray-500);--color-primary: var(--vt-c-blue);--color-primary-light: var(--vt-c-blue-light);--color-primary-dark: var(--vt-c-blue-dark);--color-primary-soft: var(--vt-c-blue-soft);--color-success: var(--vt-c-green);--color-success-light: var(--vt-c-green-light);--color-success-dark: var(--vt-c-green-dark);--color-success-soft: var(--vt-c-green-soft);--color-error: var(--vt-c-red);--color-error-light: var(--vt-c-red-light);--color-error-dark: var(--vt-c-red-dark);--color-error-soft: var(--vt-c-red-soft);--color-warning: var(--vt-c-yellow);--color-warning-light: var(--vt-c-yellow-light);--color-warning-dark: var(--vt-c-yellow-dark);--color-warning-soft: var(--vt-c-yellow-soft);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:var(--color-primary);transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:var(--color-primary-soft)}}@media (min-width: 1024px){body{display:block}#app{display:block;padding:0}}.dashboard-layout[data-v-3288b0e2]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-3288b0e2]{position:fixed;left:0;top:0;height:100vh;width:260px;background:linear-gradient(180deg,#2d5a7b,#234a64,#1a3a52);box-shadow:2px 0 12px #00000026;display:flex;flex-direction:column;transition:width .3s ease;z-index:1000;overflow-y:auto}.sidebar.collapsed[data-v-3288b0e2]{width:70px}.sidebar-header[data-v-3288b0e2]{padding:1.5rem 1rem;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);min-height:70px;position:relative;z-index:1;overflow:visible}.sidebar.collapsed .sidebar-header[data-v-3288b0e2]{justify-content:center;padding:1.5rem .5rem}.app-brand[data-v-3288b0e2]{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.sidebar-logo[data-v-3288b0e2]{height:40px;width:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.brand-name[data-v-3288b0e2]{font-size:1.5rem;font-weight:700;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.collapse-btn-floating[data-v-3288b0e2]{position:fixed;top:30px;left:248px;background:linear-gradient(135deg,#2d9596,#2682a5);border:2px solid #1a3a52;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;box-shadow:0 2px 8px #0000004d}.collapse-btn-floating.collapsed[data-v-3288b0e2]{left:58px}.collapse-btn-floating[data-v-3288b0e2]:hover{background:linear-gradient(135deg,#2682a5,#2d9596);transform:scale(1.1);box-shadow:0 4px 12px #2d959666}.sidebar-nav[data-v-3288b0e2]{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem .5rem;scrollbar-width:thin;scrollbar-color:rgba(92,201,201,.3) transparent}.sidebar-nav[data-v-3288b0e2]::-webkit-scrollbar{width:6px}.sidebar-nav[data-v-3288b0e2]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-3288b0e2]::-webkit-scrollbar-thumb{background:#2d95964d;border-radius:3px}.sidebar-nav[data-v-3288b0e2]::-webkit-scrollbar-thumb:hover{background:#2d959680}.nav-item[data-v-3288b0e2]{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;margin:.1rem 0;border-radius:8px;text-decoration:none;color:#fffc;font-size:.95rem;font-weight:500;transition:all .2s ease;position:relative;white-space:nowrap}.nav-item[data-v-3288b0e2]:hover{background:#ffffff1a;color:#fff;transform:translate(2px)}.nav-item.router-link-exact-active[data-v-3288b0e2]{background:linear-gradient(135deg,#2d959640,#2682a540);color:#fff;border-left:3px solid #2d9596}.nav-item.router-link-exact-active[data-v-3288b0e2]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#2d9596,#2682a5);border-radius:0 3px 3px 0}.nav-icon[data-v-3288b0e2]{width:20px;height:20px;flex-shrink:0;stroke-width:2}.nav-text[data-v-3288b0e2]{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .nav-item[data-v-3288b0e2]{justify-content:center;padding:.6rem .5rem}.sidebar-footer[data-v-3288b0e2]{border-top:1px solid rgba(255,255,255,.1);padding:1rem;background:#00000026}.language-switcher[data-v-3288b0e2]{display:flex;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:#ffffff0d;border-radius:8px}.language-switcher.collapsed[data-v-3288b0e2]{flex-direction:column;padding:.5rem .25rem}.lang-btn[data-v-3288b0e2]{flex:1;padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-btn[data-v-3288b0e2]:hover{background:#ffffff1a;border-color:#2d959680;color:#ffffffe6}.lang-btn.active[data-v-3288b0e2]{background:linear-gradient(135deg,#2d9596,#2682a5);border-color:#2d9596;color:#fff;box-shadow:0 2px 4px #2d95964d}.user-section[data-v-3288b0e2]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:8px;margin-bottom:.75rem;transition:all .3s ease}.user-section.collapsed[data-v-3288b0e2]{justify-content:center;padding:.75rem .5rem}.user-avatar[data-v-3288b0e2]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2d9596,#2682a5);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #2d95964d}.user-details[data-v-3288b0e2]{display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.user-name[data-v-3288b0e2]{font-size:.9rem;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge[data-v-3288b0e2]{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;background:#2d959633;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(45,149,150,.3);align-self:flex-start;white-space:nowrap}.logout-button[data-v-3288b0e2]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#dc262626,#b91c1c26);border:1px solid rgba(220,38,38,.3);color:#ffffffe6;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.logout-button[data-v-3288b0e2]:hover{background:linear-gradient(135deg,#dc262640,#b91c1c40);border-color:#dc262680;transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.logout-button.collapsed[data-v-3288b0e2]{padding:.75rem .5rem}.logout-icon[data-v-3288b0e2]{width:20px;height:20px;flex-shrink:0}.logout-text[data-v-3288b0e2]{white-space:nowrap}.main-content[data-v-3288b0e2]{margin-left:260px;flex:1;overflow-y:auto;padding:2rem;background:#f7fafc;transition:margin-left .3s ease;min-height:100vh}.main-content.expanded[data-v-3288b0e2]{margin-left:70px}@media (max-width: 1024px){.sidebar[data-v-3288b0e2]{transform:translate(-100%)}.sidebar.collapsed[data-v-3288b0e2]{transform:translate(0);width:70px}.collapse-btn-floating[data-v-3288b0e2],.collapse-btn-floating.collapsed[data-v-3288b0e2]{left:58px}.main-content[data-v-3288b0e2],.main-content.expanded[data-v-3288b0e2]{margin-left:70px}}@media (max-width: 768px){.sidebar[data-v-3288b0e2]{width:70px;transform:translate(0)}.sidebar.collapsed[data-v-3288b0e2]{width:70px}.collapse-btn-floating[data-v-3288b0e2]{display:none}.main-content[data-v-3288b0e2]{margin-left:70px;padding:1rem}.main-content.expanded[data-v-3288b0e2]{margin-left:70px}.user-section[data-v-3288b0e2]{justify-content:center;padding:.75rem .5rem}.logout-button[data-v-3288b0e2]{padding:.75rem .5rem}}.dashboard[data-v-a3084f99]{padding:0;max-width:100%}.loading[data-v-a3084f99],.error[data-v-a3084f99]{padding:3rem;text-align:center;font-size:1.1rem;color:#666}.error[data-v-a3084f99]{color:#dc2626}.dashboard-header[data-v-a3084f99]{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-content[data-v-a3084f99]{flex:1}.dashboard-header h1[data-v-a3084f99]{font-size:2rem;font-weight:600;color:#1a3a52;margin-bottom:.5rem}.dashboard-header p[data-v-a3084f99]{color:#64748b;font-size:1.1rem}.extensions-dropdown[data-v-a3084f99]{position:relative}.plugin-download-btn[data-v-a3084f99]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2d9596,#2682a5);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 8px #2d95964d;white-space:nowrap;border:none;cursor:pointer;font-family:inherit}.plugin-download-btn[data-v-a3084f99]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d959666;background:linear-gradient(135deg,#2682a5,#2d9596)}.plugin-download-btn svg[data-v-a3084f99]{flex-shrink:0}.chevron-icon[data-v-a3084f99]{transition:transform .3s ease;margin-left:.25rem}.chevron-icon.rotate[data-v-a3084f99]{transform:rotate(180deg)}.dropdown-menu[data-v-a3084f99]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e2e8f0;min-width:220px;overflow:hidden;z-index:1000;animation:dropdown-fade-in-a3084f99 .2s ease}@keyframes dropdown-fade-in-a3084f99{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-a3084f99]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#334155;text-decoration:none;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.dropdown-item[data-v-a3084f99]:last-child{border-bottom:none}.dropdown-item[data-v-a3084f99]:hover{background:#f8fafc;color:#2d9596}.dropdown-item svg[data-v-a3084f99]{flex-shrink:0;color:#64748b;transition:color .2s ease}.dropdown-item:hover svg[data-v-a3084f99]{color:#2d9596}.dropdown-item span[data-v-a3084f99]{font-weight:500;font-size:.9rem}.setup-checklist[data-v-a3084f99]{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #2d9596;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #2d95961f;position:relative;overflow:hidden}.setup-checklist[data-v-a3084f99]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2d9596,#2682a5)}.setup-header[data-v-a3084f99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setup-title-section[data-v-a3084f99]{display:flex;gap:.75rem;align-items:center}.setup-title-section svg[data-v-a3084f99]{color:#2d9596;flex-shrink:0;width:20px;height:20px}.setup-title-section h2[data-v-a3084f99]{margin:0;font-size:1.1rem;font-weight:600;color:#1a3a52}.setup-title-section p[data-v-a3084f99]{display:none}.dismiss-btn[data-v-a3084f99]{background:transparent;border:none;cursor:pointer;padding:.25rem;color:#64748b;transition:all .2s ease;border-radius:4px}.dismiss-btn[data-v-a3084f99]:hover{background:#64748b1a;color:#1a3a52}.dismiss-btn svg[data-v-a3084f99]{width:18px;height:18px}.progress-bar[data-v-a3084f99]{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-a3084f99]{height:100%;background:linear-gradient(90deg,#2d9596,#2682a5);transition:width .5s ease;border-radius:999px}.progress-text[data-v-a3084f99]{text-align:center;font-size:.75rem;font-weight:600;color:#2d9596;margin-bottom:1rem}.checklist-items[data-v-a3084f99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.checklist-item[data-v-a3084f99]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer}.checklist-item[data-v-a3084f99]:hover{border-color:#2d9596;box-shadow:0 2px 8px #2d959626;transform:translateY(-1px)}.checklist-item.completed[data-v-a3084f99]{background:#2d95960d;border-color:#2d9596}.checklist-item.completed .checkbox[data-v-a3084f99]{background:#2d9596;border-color:#2d9596}.checkbox[data-v-a3084f99]{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.checkbox svg[data-v-a3084f99]{color:#fff;width:12px;height:12px}.item-content[data-v-a3084f99]{flex:1}.item-content h3[data-v-a3084f99]{margin:0;font-size:.9rem;font-weight:600;color:#1a3a52}.item-content p[data-v-a3084f99]{display:none}.checklist-item.completed .item-content h3[data-v-a3084f99]{color:#2d9596}.arrow-icon[data-v-a3084f99]{color:#94a3b8;flex-shrink:0;transition:all .2s ease;width:16px;height:16px}.checklist-item:hover .arrow-icon[data-v-a3084f99]{color:#2d9596;transform:translate(2px)}.stats-grid[data-v-a3084f99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card[data-v-a3084f99]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card.highlight[data-v-a3084f99]{border:2px solid #2d9596;background:linear-gradient(135deg,#2d95960d,#2682a50d)}.stat-card[data-v-a3084f99]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon[data-v-a3084f99]{padding:1rem;background:linear-gradient(135deg,#2d9596,#2682a5);border-radius:10px;display:flex;align-items:center;justify-content:center;min-width:60px;height:60px;color:#fff}.stat-content h3[data-v-a3084f99]{font-size:2rem;font-weight:700;color:#1a3a52;margin-bottom:.25rem}.stat-content p[data-v-a3084f99]{color:#64748b;font-size:.9rem;margin:0}.dashboard-content[data-v-a3084f99]{margin-bottom:2rem}.employee-overview[data-v-a3084f99]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.employee-overview h2[data-v-a3084f99]{font-size:1.25rem;font-weight:600;color:#1a3a52;margin-bottom:1.5rem}.empty-state[data-v-a3084f99]{text-align:center;padding:2rem 1rem;color:#64748b}.empty-state p[data-v-a3084f99]{margin-bottom:1rem}.overview-table[data-v-a3084f99]{overflow-x:auto}.overview-table table[data-v-a3084f99]{width:100%;border-collapse:collapse}.overview-table th[data-v-a3084f99]{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;font-size:.875rem;border-bottom:2px solid #e2e8f0}.overview-table td[data-v-a3084f99]{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.overview-table tbody tr[data-v-a3084f99]:hover{background:#f8fafc}.employee-info strong[data-v-a3084f99]{display:block;color:#1a3a52;font-weight:600;margin-bottom:.25rem}.employee-email[data-v-a3084f99]{font-size:.85rem;color:#64748b}.hours-cell[data-v-a3084f99]{text-align:left;font-weight:500;color:#334155}.hours-diff[data-v-a3084f99]{padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.9rem;display:inline-block}.hours-diff.positive[data-v-a3084f99]{background:#d1fae5;color:#047857}.hours-diff.negative[data-v-a3084f99]{background:#fee2e2;color:#dc2626}.leave-cell[data-v-a3084f99]{text-align:left;color:#334155;font-weight:500}@media (max-width: 768px){.dashboard[data-v-a3084f99]{padding:1rem}.dashboard-header[data-v-a3084f99]{flex-direction:column;align-items:flex-start;gap:1rem}.extensions-dropdown[data-v-a3084f99]{width:100%}.plugin-download-btn[data-v-a3084f99]{width:100%;justify-content:center}.dropdown-menu[data-v-a3084f99]{left:0;right:0;min-width:100%}.setup-checklist[data-v-a3084f99]{padding:1rem}.checklist-items[data-v-a3084f99]{grid-template-columns:1fr}.checklist-item[data-v-a3084f99]{padding:.75rem}.stats-grid[data-v-a3084f99]{grid-template-columns:1fr}.stat-card[data-v-a3084f99]{padding:1rem}.stat-icon[data-v-a3084f99]{min-width:50px;height:50px;font-size:1.5rem}.stat-content h3[data-v-a3084f99]{font-size:1.5rem}}