@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:0rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;background-color:#f5f5f5;min-height:100vh}#logo{width:140px;height:80px;margin:5px auto}#logo img{width:100%;height:100%;object-fit:contain}.app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:flex;flex-direction:column;min-height:100vh;position:relative}.app-header{background-color:#d80000;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-container{max-width:1200px;margin:0 auto;padding:0 20px}.app-title{margin:0;font-size:1.5rem}main{flex:1}.app-footer{background-color:#d80000;color:#fff;padding:1rem 0;margin-top:2rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}@media print{.app-header,.app-footer,.navigation,.action-buttons{display:none!important}body,.app,main{background-color:#fff!important;padding:0!important;margin:0!important}.page-title{font-size:14pt!important;margin-bottom:10pt!important}}.index-container[data-v-6de4d1a2]{width:1200px;margin:0 auto;padding:40px 20px}.page-title[data-v-6de4d1a2]{text-align:center;margin-bottom:40px;color:#333;font-family:Arial,sans-serif}.user-section[data-v-6de4d1a2]{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a}.user-info[data-v-6de4d1a2]{display:flex;align-items:center;gap:12px;flex:1}.user-avatar[data-v-6de4d1a2]{width:45px;height:45px;border-radius:50%;overflow:hidden;border:2px solid #667eea}.user-avatar img[data-v-6de4d1a2]{width:100%;height:100%;object-fit:cover}.user-details[data-v-6de4d1a2]{display:flex;flex-direction:column}.user-name[data-v-6de4d1a2]{font-weight:600;color:#2d3748;font-size:16px}.user-position[data-v-6de4d1a2]{font-size:13px;color:#718096}.logout-btn[data-v-6de4d1a2]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #ee5a244d}.logout-btn[data-v-6de4d1a2]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee5a2466}.logout-btn i[data-v-6de4d1a2]{font-size:14px}.actions-bar[data-v-6de4d1a2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.search-container[data-v-6de4d1a2]{position:relative;flex:1;max-width:400px}.search-input[data-v-6de4d1a2]{width:90%;padding:10px 15px;font-size:16px;border:1px solid #ddd;border-radius:5px;transition:border-color .3s}.search-input[data-v-6de4d1a2]:focus{outline:none;border-color:#4a6fb5;box-shadow:0 0 0 2px #4a6fb533}.clear-search[data-v-6de4d1a2]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0}.clear-search[data-v-6de4d1a2]:hover{color:#666}.tabs-container[data-v-6de4d1a2]{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden}.tabs-navigation[data-v-6de4d1a2]{display:flex;background-color:#f5f5f5;border-bottom:1px solid #ddd;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#1672ff #f5f5f5}.tabs-navigation[data-v-6de4d1a2]::-webkit-scrollbar{height:6px}.tabs-navigation[data-v-6de4d1a2]::-webkit-scrollbar-track{background:#f5f5f5}.tabs-navigation[data-v-6de4d1a2]::-webkit-scrollbar-thumb{background-color:#df0000;border-radius:6px}.tab-button[data-v-6de4d1a2]{padding:15px 20px;background:none;border:none;cursor:pointer;font-size:16px;color:#666;position:relative;white-space:nowrap;transition:background-color .3s,color .3s;min-height:48px}.tab-button[data-v-6de4d1a2]:hover{background-color:#e9e9e9}.tab-button.active[data-v-6de4d1a2]{color:#4a6fb5;font-weight:700}.employee-count[data-v-6de4d1a2]{display:inline-block;background-color:#df0000;color:#fff;border-radius:12px;font-size:12px;padding:2px 8px;margin-left:8px;font-weight:400}.tab-button.active .employee-count[data-v-6de4d1a2]{background-color:#df0000}.tab-button.active[data-v-6de4d1a2]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#df0000}.tab-content[data-v-6de4d1a2]{padding:20px}.empty-state[data-v-6de4d1a2],.empty-department[data-v-6de4d1a2]{text-align:center;padding:40px 0;color:#999}.department-employees[data-v-6de4d1a2]{min-height:300px}.employees-grid[data-v-6de4d1a2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.employee-card[data-v-6de4d1a2]{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}.employee-card[data-v-6de4d1a2]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.employee-image[data-v-6de4d1a2]{width:100px;min-width:100px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.employee-image img[data-v-6de4d1a2]{width:100%;height:100%;object-fit:cover}.employee-info[data-v-6de4d1a2]{padding:15px;flex:1;overflow:hidden}.employee-name[data-v-6de4d1a2]{margin:0 0 5px;font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-nameEn[data-v-6de4d1a2]{margin:5px 0}.employee-position[data-v-6de4d1a2]{margin:0 0 10px;font-size:14px;color:#666;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-department[data-v-6de4d1a2]{margin:5px 0;font-size:14px;color:#4a6fb5;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-department i[data-v-6de4d1a2]{width:14px;flex-shrink:0}.employee-email[data-v-6de4d1a2],.employee-phone[data-v-6de4d1a2]{margin:5px 0;font-size:14px;color:#666;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-email i[data-v-6de4d1a2],.employee-phone i[data-v-6de4d1a2]{color:#4a6fb5;width:14px;flex-shrink:0}.loading-container[data-v-6de4d1a2]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner[data-v-6de4d1a2]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#db0000;animation:spin-6de4d1a2 1s linear infinite;margin-bottom:20px}@keyframes spin-6de4d1a2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.index-container[data-v-6de4d1a2]{width:920px;padding:30px 15px}.employees-grid[data-v-6de4d1a2]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}}@media (max-width: 768px){.index-container[data-v-6de4d1a2]{width:670px;padding:20px 10px}.employees-grid[data-v-6de4d1a2]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tabs-navigation[data-v-6de4d1a2]{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tab-button[data-v-6de4d1a2]{scroll-snap-align:start;padding:12px 16px;font-size:14px}.actions-bar[data-v-6de4d1a2]{flex-direction:column;gap:15px;align-items:stretch}.search-container[data-v-6de4d1a2]{max-width:100%}.tab-content[data-v-6de4d1a2]{padding:15px}.employee-card[data-v-6de4d1a2]{min-height:90px}.employee-image[data-v-6de4d1a2]{width:90px;min-width:90px}.employee-info[data-v-6de4d1a2]{padding:10px}.employee-name[data-v-6de4d1a2]{font-size:16px}}@media (max-width: 480px){.index-container[data-v-6de4d1a2]{width:360px;padding:15px 8px}.employees-grid[data-v-6de4d1a2]{grid-template-columns:1fr;gap:10px}.employee-card[data-v-6de4d1a2]{flex-direction:row}.employee-image[data-v-6de4d1a2]{width:90px;min-width:70px;height:170px}.employee-name[data-v-6de4d1a2]{font-size:16px}.employee-position[data-v-6de4d1a2],.employee-department[data-v-6de4d1a2],.employee-email[data-v-6de4d1a2],.employee-phone[data-v-6de4d1a2]{font-size:13px;margin:3px 0}.employee-info[data-v-6de4d1a2]{padding:8px 10px}.tab-button[data-v-6de4d1a2]{padding:10px 12px;font-size:13px;min-height:42px}.employee-count[data-v-6de4d1a2]{font-size:10px;padding:1px 6px}}@media (hover: none){.employee-card[data-v-6de4d1a2]:hover{transform:none}.employee-card[data-v-6de4d1a2]:active{background-color:#f9f9f9}.tab-button[data-v-6de4d1a2]{padding-top:16px;padding-bottom:16px}.logout-btn[data-v-6de4d1a2]:hover{transform:none}}.index-container[data-v-89dd94dd]{width:1200px;margin:0 auto;padding:40px 20px}.loading-container[data-v-89dd94dd]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner[data-v-89dd94dd]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#db0000;animation:spin-89dd94dd 1s linear infinite;margin-bottom:20px}@keyframes spin-89dd94dd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-89dd94dd]{display:flex;justify-content:center;align-items:center;min-height:300px}.error-message[data-v-89dd94dd]{text-align:center;padding:40px;background-color:#fee;border-radius:8px;border:1px solid #fcc}.error-message i[data-v-89dd94dd]{font-size:48px;color:#d32f2f;margin-bottom:20px}.error-message p[data-v-89dd94dd]{color:#d32f2f;font-size:16px;margin-bottom:20px}.retry-button[data-v-89dd94dd]{background-color:#d32f2f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.retry-button[data-v-89dd94dd]:hover{background-color:#b71c1c}.actions-bar[data-v-89dd94dd]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:30px}.search-container[data-v-89dd94dd]{position:relative;flex:1;max-width:400px}.search-input[data-v-89dd94dd]{width:90%;padding:10px 15px;font-size:16px;border:1px solid #ddd;border-radius:5px;transition:border-color .3s}.search-input[data-v-89dd94dd]:focus{outline:none;border-color:#4a6fb5;box-shadow:0 0 0 2px #4a6fb533}.clear-search[data-v-89dd94dd]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0}.clear-search[data-v-89dd94dd]:hover{color:#666}.tabs-container[data-v-89dd94dd]{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden}.tabs-navigation[data-v-89dd94dd]{display:flex;background-color:#f5f5f5;border-bottom:1px solid #ddd;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#1672ff #f5f5f5}.tabs-navigation[data-v-89dd94dd]::-webkit-scrollbar{height:6px}.tabs-navigation[data-v-89dd94dd]::-webkit-scrollbar-track{background:#f5f5f5}.tabs-navigation[data-v-89dd94dd]::-webkit-scrollbar-thumb{background-color:#df0000;border-radius:6px}.tab-button[data-v-89dd94dd]{padding:15px 20px;background:none;border:none;cursor:pointer;font-size:16px;color:#666;position:relative;white-space:nowrap;transition:background-color .3s,color .3s;min-height:48px}.tab-button[data-v-89dd94dd]:hover{background-color:#e9e9e9}.tab-button.active[data-v-89dd94dd]{color:#4a6fb5;font-weight:700}.employee-count[data-v-89dd94dd]{display:inline-block;background-color:#df0000;color:#fff;border-radius:12px;font-size:12px;padding:2px 8px;margin-left:8px;font-weight:400}.tab-button.active .employee-count[data-v-89dd94dd]{background-color:#df0000}.tab-button.active[data-v-89dd94dd]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#df0000}.tab-content[data-v-89dd94dd]{padding:20px}.empty-state[data-v-89dd94dd],.empty-department[data-v-89dd94dd]{text-align:center;padding:40px 0;color:#999}.department-employees[data-v-89dd94dd]{min-height:300px}.employees-grid[data-v-89dd94dd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.employee-card[data-v-89dd94dd]{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}.employee-card[data-v-89dd94dd]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.employee-image[data-v-89dd94dd]{width:100px;min-width:100px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.employee-image img[data-v-89dd94dd]{width:100%;height:100%;object-fit:cover}.employee-info[data-v-89dd94dd]{padding:15px;flex:1;overflow:hidden}.employee-name[data-v-89dd94dd]{margin:0 0 5px;font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-nameEn[data-v-89dd94dd]{margin:5px 0;font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-position[data-v-89dd94dd]{margin:0 0 10px;font-size:14px;color:#666;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-department[data-v-89dd94dd]{margin:5px 0;font-size:14px;color:#4a6fb5;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-department i[data-v-89dd94dd]{width:14px;flex-shrink:0}.employee-email[data-v-89dd94dd],.employee-phone[data-v-89dd94dd],.employee-code[data-v-89dd94dd]{margin:5px 0;font-size:14px;color:#666;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-email i[data-v-89dd94dd],.employee-phone i[data-v-89dd94dd],.employee-code i[data-v-89dd94dd]{color:#4a6fb5;width:14px;flex-shrink:0}@media (max-width: 1024px){.index-container[data-v-89dd94dd]{width:920px;padding:30px 15px}.employees-grid[data-v-89dd94dd]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}}@media (max-width: 768px){.index-container[data-v-89dd94dd]{width:670px;padding:20px 10px}.employees-grid[data-v-89dd94dd]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tabs-navigation[data-v-89dd94dd]{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tab-button[data-v-89dd94dd]{scroll-snap-align:start;padding:12px 16px;font-size:14px}.actions-bar[data-v-89dd94dd]{flex-direction:column;gap:15px;align-items:stretch}.search-container[data-v-89dd94dd]{max-width:100%}.tab-content[data-v-89dd94dd]{padding:15px}.employee-card[data-v-89dd94dd]{min-height:90px}.employee-image[data-v-89dd94dd]{width:90px;min-width:90px}.employee-info[data-v-89dd94dd]{padding:10px}.employee-name[data-v-89dd94dd]{font-size:16px}}@media (max-width: 480px){.index-container[data-v-89dd94dd]{width:360px;padding:15px 8px}.employees-grid[data-v-89dd94dd]{grid-template-columns:1fr;gap:10px}.employee-card[data-v-89dd94dd]{flex-direction:row}.employee-image[data-v-89dd94dd]{width:90px;min-width:70px;height:170px}.employee-name[data-v-89dd94dd]{font-size:16px}.employee-position[data-v-89dd94dd],.employee-department[data-v-89dd94dd],.employee-email[data-v-89dd94dd],.employee-phone[data-v-89dd94dd],.employee-code[data-v-89dd94dd]{font-size:13px;margin:3px 0}.employee-info[data-v-89dd94dd]{padding:8px 10px}.tab-button[data-v-89dd94dd]{padding:10px 12px;font-size:13px;min-height:42px}.employee-count[data-v-89dd94dd]{font-size:10px;padding:1px 6px}}@media (hover: none){.employee-card[data-v-89dd94dd]:hover{transform:none}.employee-card[data-v-89dd94dd]:active{background-color:#f9f9f9}.tab-button[data-v-89dd94dd]{padding-top:16px;padding-bottom:16px}}.form-title[data-v-7caff4ff]{color:#1a202c!important}[data-v-7caff4ff]{margin:0;padding:0;box-sizing:border-box}.login-page[data-v-7caff4ff]{min-height:100vh;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#ea6666,#c54242);overflow:hidden}.animated-bg[data-v-7caff4ff]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape[data-v-7caff4ff]{position:absolute;border-radius:50%;background:#ffffff1a;animation:float-7caff4ff 6s ease-in-out infinite}.shape-1[data-v-7caff4ff]{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.shape-2[data-v-7caff4ff]{width:120px;height:120px;top:20%;right:10%;animation-delay:2s}.shape-3[data-v-7caff4ff]{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}.shape-4[data-v-7caff4ff]{width:100px;height:100px;bottom:30%;right:20%;animation-delay:1s}@keyframes float-7caff4ff{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-container[data-v-7caff4ff]{flex:1;display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;position:relative;z-index:10;min-height:100vh}.login-header[data-v-7caff4ff]{text-align:center;margin-bottom:40px}.logo-container[data-v-7caff4ff]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2)}.company-logo[data-v-7caff4ff]{width:80px;height:80px;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 32px #0003}.company-logo i[data-v-7caff4ff]{font-size:36px;color:#fff}.company-name[data-v-7caff4ff]{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.company-subtitle[data-v-7caff4ff]{color:#ffffffe6;font-size:16px;font-weight:400}.login-form-container[data-v-7caff4ff]{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0003;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease;display:block!important;visibility:visible!important}.login-form-container.shake[data-v-7caff4ff]{animation:shake-7caff4ff .5s ease-in-out}@keyframes shake-7caff4ff{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-form[data-v-7caff4ff]{width:100%}.form-title[data-v-7caff4ff]{font-size:32px;font-weight:700;color:#2d3748!important;text-align:center;margin-bottom:8px}.form-subtitle[data-v-7caff4ff]{font-size:16px;color:#5f6e85!important;text-align:center;margin-bottom:40px;line-height:1.5}.form-group[data-v-7caff4ff]{margin-bottom:25px}.form-label[data-v-7caff4ff]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#2d3748!important;margin-bottom:12px}.form-label i[data-v-7caff4ff]{color:#667eea;font-size:18px}.input-wrapper[data-v-7caff4ff]{position:relative}.form-input[data-v-7caff4ff]{width:100%;padding:16px 20px 16px 50px;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f7fafc;transition:all .3s ease;outline:none}.form-input[data-v-7caff4ff]:focus{border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.form-input.error[data-v-7caff4ff]{border-color:#e53e3e;background-color:#fed7d7}.input-icon[data-v-7caff4ff]{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:18px;transition:color .3s ease}.form-input:focus+.input-icon[data-v-7caff4ff]{color:#667eea}.error-message[data-v-7caff4ff]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #e53e3e;border-radius:8px;color:#c53030;font-size:14px;font-weight:500;margin-bottom:20px;animation:slideInDown-7caff4ff .3s ease}@keyframes slideInDown-7caff4ff{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message i[data-v-7caff4ff]{flex-shrink:0;font-size:16px}.login-btn[data-v-7caff4ff]{width:100%;padding:16px 24px;font-size:18px;font-weight:600;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 25px #667eea66}.login-btn[data-v-7caff4ff]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #667eea99}.login-btn[data-v-7caff4ff]:active:not(:disabled){transform:translateY(-1px)}.login-btn[data-v-7caff4ff]:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #667eea33}.loading-content[data-v-7caff4ff]{display:flex;align-items:center;gap:12px}.btn-spinner[data-v-7caff4ff]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-7caff4ff 1s linear infinite}@keyframes spin-7caff4ff{to{transform:rotate(360deg)}}.login-content[data-v-7caff4ff]{display:flex;align-items:center;gap:10px}.login-footer[data-v-7caff4ff]{margin-top:30px;text-align:center}.help-text[data-v-7caff4ff]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#718096;line-height:1.5}.help-text i[data-v-7caff4ff]{color:#667eea;flex-shrink:0}.page-footer[data-v-7caff4ff]{text-align:center;padding:20px;color:#fffc;font-size:14px;position:relative;z-index:10}@media (max-width: 768px){.login-container[data-v-7caff4ff]{padding:20px 15px}.login-form-container[data-v-7caff4ff]{padding:30px 25px;margin:0 10px}.company-name[data-v-7caff4ff]{font-size:24px}.form-title[data-v-7caff4ff]{font-size:28px}.logo-container[data-v-7caff4ff]{padding:25px}.company-logo[data-v-7caff4ff]{width:70px;height:70px}.company-logo i[data-v-7caff4ff]{font-size:30px}}@media (max-width: 480px){.login-container[data-v-7caff4ff]{padding:15px 10px}.login-form-container[data-v-7caff4ff]{padding:25px 20px;border-radius:15px}.form-title[data-v-7caff4ff]{font-size:24px}.form-subtitle[data-v-7caff4ff]{font-size:14px}.form-input[data-v-7caff4ff]{padding:14px 18px 14px 45px;font-size:16px}.login-btn[data-v-7caff4ff]{padding:14px 20px;font-size:16px}.company-name[data-v-7caff4ff]{font-size:20px}.logo-container[data-v-7caff4ff]{padding:20px}.company-logo[data-v-7caff4ff]{width:60px;height:60px}.company-logo i[data-v-7caff4ff]{font-size:24px}}@media (hover: none){.login-btn[data-v-7caff4ff]:hover:not(:disabled){transform:none;box-shadow:0 8px 25px #667eea66}.form-input[data-v-7caff4ff]:focus{transform:none}}@media (prefers-color-scheme: dark){.login-form-container[data-v-7caff4ff]{background:#2d3748f2}.form-title[data-v-7caff4ff]{color:#f7fafc}.form-subtitle[data-v-7caff4ff]{color:#a0aec0}.form-label[data-v-7caff4ff]{color:#e2e8f0}.form-input[data-v-7caff4ff]{background-color:#2d3748;border-color:#4a5568;color:#f7fafc}.form-input[data-v-7caff4ff]:focus{background-color:#1a202c}}.qr-code-container[data-v-ffbc2d1b]{margin-top:0;text-align:center;padding:10px;background-color:#fff;border-radius:10px}h3[data-v-ffbc2d1b]{margin-top:0;color:#333;font-size:18px;font-weight:600}.qr-code[data-v-ffbc2d1b]{display:flex;justify-content:center;margin:0;padding:10px;background:#fff;border-radius:10px}.qr-hint[data-v-ffbc2d1b]{font-size:14px;color:#666;margin-bottom:20px;line-height:1.4}.download-vcard[data-v-ffbc2d1b]{margin-top:15px}.download-button[data-v-ffbc2d1b]{background-color:#e74c3c;color:#fff;border:none;border-radius:25px;padding:12px 25px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:all .3s ease}.download-button[data-v-ffbc2d1b]:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.download-button[data-v-ffbc2d1b]:active{transform:translateY(0)}@media (max-width: 480px){.qr-code-container[data-v-ffbc2d1b]{padding:10px}.qr-code[data-v-ffbc2d1b]{margin:0;padding:0}h3[data-v-ffbc2d1b]{font-size:16px}.qr-hint[data-v-ffbc2d1b]{font-size:13px}}.business-card[data-v-b5874fc8]{width:380px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.business-card-inner[data-v-b5874fc8]{position:relative;height:670px;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001f;background:linear-gradient(135deg,#8d7e89,#8a797c)}.top-buttons[data-v-b5874fc8]{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:10}.lang-toggle[data-v-b5874fc8]{background:#fffffff2;border:2px solid #3498db;border-radius:20px;color:#3498db;font-weight:600;font-size:12px;width:35px;height:35px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lang-toggle[data-v-b5874fc8]:hover{background:#3498db;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #3498db4d}.home-button[data-v-b5874fc8]{background:#fffffff2;border:2px solid #e74c3c;border-radius:50%;color:#e74c3c;font-size:16px;width:35px;height:35px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.home-button[data-v-b5874fc8]:hover{background:#e74c3c;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #e74c3c4d}.card-background[data-v-b5874fc8]{position:absolute;top:0;left:0;width:100%;height:26%;overflow:hidden;background:linear-gradient(135deg,#8d7e89,#8a797c)}.company-bg-image[data-v-b5874fc8]{width:100%;height:100%;object-fit:cover;opacity:.8}.overlay-gradient[data-v-b5874fc8]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#0003,#0000001a)}.profile-content[data-v-b5874fc8]{position:absolute;top:26%;left:0;right:0;bottom:0;background:#fff;border-radius:30px 30px 0 0;padding:60px 25px 25px;display:flex;flex-direction:column;align-items:center;box-shadow:0 -10px 30px #00000026;transform:skewY(-0deg);transform-origin:top;margin-top:-20px}.profile-content[data-v-b5874fc8]>*{transform:skewY(0)}.profile-image[data-v-b5874fc8]{width:150px;height:150px;margin-top:-150px;margin-bottom:30px;position:relative}.profile-avatar[data-v-b5874fc8]{width:100%;height:100%;border-radius:50%;border:5px solid white;overflow:hidden;box-shadow:0 6px 25px #0003;background:#f8f9fa}.profile-avatar img[data-v-b5874fc8]{width:100%;height:100%;object-fit:cover;display:block}.profile-placeholder[data-v-b5874fc8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:60px}.employee-info[data-v-b5874fc8]{text-align:center;width:100%;flex:1;display:flex;flex-direction:column}.employee-name[data-v-b5874fc8],.employee-name-en[data-v-b5874fc8]{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 8px;letter-spacing:-.5px}.position-th[data-v-b5874fc8]{font-size:14px;font-weight:600;color:#1b6da5;margin:0 0 5px}.position-en[data-v-b5874fc8]{font-size:16px;color:#95a5a6;margin:0;font-style:italic}.contact-details[data-v-b5874fc8]{width:100%;margin:10px 0;position:relative}.contact-item[data-v-b5874fc8]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:0;padding:4px 0;color:#34495e;font-size:15px}.contact-item i[data-v-b5874fc8]{width:20px;margin-right:15px;color:#3498db;font-size:16px}.contact-item span[data-v-b5874fc8]{flex:1;text-align:left}#QRAndActions[data-v-b5874fc8]{display:flex;justify-content:space-between;width:100%;margin-top:0}.action-buttons[data-v-b5874fc8]{display:flex;gap:15px;margin-bottom:15px;width:100%;flex-direction:column}.capture-section[data-v-b5874fc8]{width:100%;margin-bottom:0}.btn-capture[data-v-b5874fc8]{width:100%;padding:10px 15px;border:none;border-radius:25px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#66d4ea,#5cc294);color:#fff}.btn-capture[data-v-b5874fc8]:hover{background:linear-gradient(135deg,#5dd0e7,#4ba27b);transform:translateY(-2px);box-shadow:0 6px 20px #2727274d}.btn-primary[data-v-b5874fc8],.btn-secondary[data-v-b5874fc8]{flex:1;padding:10px 15px;border:none;border-radius:25px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary[data-v-b5874fc8]{background:#e22315;color:#fff}.btn-primary[data-v-b5874fc8]:hover{background:#b92015;transform:translateY(-2px)}.btn-secondary[data-v-b5874fc8]{background:#232323;color:#3bcffc}.btn-secondary[data-v-b5874fc8]:hover{background:#00a4e6;color:#fff;transform:translateY(-2px)}.social-media[data-v-b5874fc8]{width:40px;position:absolute;top:-10px;right:5px;display:flex;flex-direction:column;height:145px}.social-label[data-v-b5874fc8]{display:flex;align-items:center;justify-content:center;color:#7f8c8d;font-size:13px;margin-bottom:10px;gap:8px}.social-icons[data-v-b5874fc8]{display:flex;justify-content:center;gap:6px;flex-direction:column;height:200px;width:40px}.social-icon[data-v-b5874fc8]{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:12px;background:#f8f9fa;color:#495057;text-decoration:none;transition:all .3s ease;font-size:18px}.social-icon[data-v-b5874fc8]:hover{background:#d00;color:#fff;transform:translateY(-3px)}.card-actions[data-v-b5874fc8]{display:flex;justify-content:center;margin-top:20px}.print-button[data-v-b5874fc8]{background:#e74c3c;color:#fff;border:none;border-radius:25px;padding:10px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:all .3s ease}.print-button[data-v-b5874fc8]:hover{background:#c0392b;transform:translateY(-2px)}@media print{.screen-only[data-v-b5874fc8],.top-buttons[data-v-b5874fc8]{display:none!important}.business-card-inner[data-v-b5874fc8]{height:2in;width:3.5in;box-shadow:none;border:1px solid #ddd}.profile-content[data-v-b5874fc8]{padding:15px}.employee-name[data-v-b5874fc8]{font-size:16px!important}.contact-item[data-v-b5874fc8]{font-size:10px!important;margin-bottom:5px!important}.action-buttons[data-v-b5874fc8]{display:none!important}}@media (max-width: 480px){.business-card[data-v-b5874fc8]{max-width:340px}.card-background[data-v-b5874fc8]{height:28%}.business-card-inner[data-v-b5874fc8]{height:605px}.profile-content[data-v-b5874fc8]{top:28%;padding:35px 20px 20px}.profile-image[data-v-b5874fc8]{width:140px;height:140px;margin-top:-155px;margin-bottom:20px;position:relative}.employee-name[data-v-b5874fc8]{font-size:22px}.employee-name-en[data-v-b5874fc8]{font-size:26px;margin-bottom:5px}.action-buttons[data-v-b5874fc8]{flex-direction:column;gap:10px}.top-buttons[data-v-b5874fc8]{top:15px;right:15px;gap:8px}.lang-toggle[data-v-b5874fc8],.home-button[data-v-b5874fc8]{width:32px;height:32px;font-size:11px}}.installBtn[data-v-af64e025]{display:inline-block;padding:10px 20px;background-color:#4a6fb5;color:#fff;text-decoration:none;border-radius:50px;margin-top:20px}.employee-container[data-v-af64e025]{max-width:800px;margin:0 auto;padding:0 20px 20px}.navigation[data-v-af64e025]{margin-bottom:10px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.back-button[data-v-af64e025]{width:50px;height:50px;color:#a6a5a5;border:none;border-radius:50%;padding:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .3s;border:2px solid #dbdbdb;font-size:18px}.back-button[data-v-af64e025]:hover{background-color:#dd5656;color:#fff;transform:scale(1.1)}.changeLang-button[data-v-af64e025]{width:45px;height:45px;color:#87898b;border:2px solid #dbdbdb;border-radius:42px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .3s;font-size:14px;font-weight:600;position:absolute;top:20px;right:20px}.changeLang-button[data-v-af64e025]:hover{background-color:#f30000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.company-info h2[data-v-af64e025]{text-align:center;color:#2b2b2b;font-family:Arial,sans-serif;font-size:15px;margin:0}.company-info p[data-v-af64e025]{text-align:center;color:#666;font-family:Arial,sans-serif;font-size:12px;margin:0}.page-title[data-v-af64e025]{text-align:center;margin-bottom:40px;color:#333;font-family:Arial,sans-serif}.action-buttons[data-v-af64e025]{display:flex;justify-content:center;margin-top:30px}.edit-button[data-v-af64e025]{background-color:#5a5a5a;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:8px}.edit-button[data-v-af64e025]:hover{background-color:#303030}.loading-section[data-v-af64e025],.error-section[data-v-af64e025]{text-align:center;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a}.error-section[data-v-af64e025]{color:#d32f2f}.spinner[data-v-af64e025]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#4a6fb5;animation:spin-af64e025 1s linear infinite;margin:0 auto 20px}@keyframes spin-af64e025{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.navigation[data-v-af64e025]{padding:0 10px}.changeLang-button[data-v-af64e025]{width:45px;font-size:12px;height:45px;position:absolute;top:20px;right:20px}.back-button[data-v-af64e025]{width:45px;height:45px;font-size:16px}}.edit-form[data-v-a83a20d2]{max-width:600px;margin:0 auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}h2[data-v-a83a20d2]{text-align:center;margin-bottom:20px}h3[data-v-a83a20d2]{margin-top:20px;border-bottom:1px solid #eee;padding-bottom:10px}.form-group[data-v-a83a20d2]{margin-bottom:15px}label[data-v-a83a20d2]{display:block;margin-bottom:5px;font-weight:700}input[data-v-a83a20d2],select[data-v-a83a20d2]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.form-actions[data-v-a83a20d2]{display:flex;justify-content:space-between;margin-top:30px}button[data-v-a83a20d2]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.save-button[data-v-a83a20d2]{background-color:#4a6fb5;color:#fff}.save-button[data-v-a83a20d2]:hover{background-color:#3a5a9f}.cancel-button[data-v-a83a20d2]{background-color:#f1f1f1;color:#333}.cancel-button[data-v-a83a20d2]:hover{background-color:#e1e1e1}.employee-container[data-v-fd012a3e]{max-width:800px;margin:0 auto;padding:0}.navigation[data-v-fd012a3e]{margin-bottom:10px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.back-button[data-v-fd012a3e]{width:50px;height:50px;color:#a6a5a5;border:none;border-radius:50%;padding:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .3s;border:2px solid #dbdbdb;font-size:18px;background:#fff}.back-button[data-v-fd012a3e]:hover{background-color:#dd5656;color:#fff;transform:scale(1.1)}.changeLang-button[data-v-fd012a3e]{width:45px;height:45px;color:#87898b;border:2px solid #dbdbdb;border-radius:42px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .3s;font-size:14px;font-weight:600;position:absolute;top:20px;right:20px}.changeLang-button[data-v-fd012a3e]:hover{background-color:#f30000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f300004d}.company-info h2[data-v-fd012a3e]{text-align:center;color:#2b2b2b;font-family:Arial,sans-serif;font-size:15px;margin:0}.company-info p[data-v-fd012a3e]{text-align:center;color:#666;font-family:Arial,sans-serif;font-size:12px;margin:0}.action-buttons[data-v-fd012a3e]{display:flex;justify-content:center;margin-top:30px}.edit-button[data-v-fd012a3e]{background-color:#5a5a5a;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:8px}.edit-button[data-v-fd012a3e]:hover{background-color:#303030}.loading-section[data-v-fd012a3e],.error-section[data-v-fd012a3e]{text-align:center;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:20px 0}.error-section[data-v-fd012a3e]{color:#d32f2f}.error-message[data-v-fd012a3e],.not-found-message[data-v-fd012a3e]{display:flex;flex-direction:column;align-items:center;gap:15px}.error-message i[data-v-fd012a3e],.not-found-message i[data-v-fd012a3e]{font-size:48px;color:#d32f2f}.retry-button[data-v-fd012a3e]{background-color:#d32f2f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.retry-button[data-v-fd012a3e]:hover{background-color:#b71c1c}.not-found-message .back-button[data-v-fd012a3e]{width:auto;height:auto;border-radius:5px;padding:10px 20px;font-size:14px;background-color:#666;color:#fff}.not-found-message .back-button[data-v-fd012a3e]:hover{background-color:#333;transform:none}.spinner[data-v-fd012a3e]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#4a6fb5;animation:spin-fd012a3e 1s linear infinite;margin:0 auto 20px}@keyframes spin-fd012a3e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.employee-container[data-v-fd012a3e]{padding:15px}.company-info h2[data-v-fd012a3e]{font-size:20px}.company-info p[data-v-fd012a3e]{font-size:14px}}@media (max-width: 480px){.employee-container[data-v-fd012a3e]{padding:10px}.navigation[data-v-fd012a3e]{padding:0 10px}.changeLang-button[data-v-fd012a3e]{width:45px;font-size:12px;height:45px}.back-button[data-v-fd012a3e]{width:45px;height:45px;font-size:16px}.company-info h2[data-v-fd012a3e]{font-size:18px}.company-info p[data-v-fd012a3e]{font-size:13px}.loading-section[data-v-fd012a3e],.error-section[data-v-fd012a3e]{padding:20px;margin:10px 0}}.index-container[data-v-8cd22070]{max-width:1200px;margin:0 auto;padding:40px 20px}.page-title[data-v-8cd22070]{text-align:center;margin-bottom:40px;color:#333;font-family:Arial,sans-serif}.actions-bar[data-v-8cd22070]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.search-container[data-v-8cd22070]{position:relative;flex:1;max-width:400px}.search-input[data-v-8cd22070]{width:100%;padding:10px 15px;font-size:16px;border:1px solid #ddd;border-radius:5px;transition:border-color .3s}.search-input[data-v-8cd22070]:focus{outline:none;border-color:#4a6fb5;box-shadow:0 0 0 2px #4a6fb533}.clear-search[data-v-8cd22070]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0}.clear-search[data-v-8cd22070]:hover{color:#666}.add-button[data-v-8cd22070]{background-color:#d80000;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:8px;transition:background-color .3s}.add-button[data-v-8cd22070]:hover{background-color:#f16262}.add-button i[data-v-8cd22070]{font-size:14px}.tabs-container[data-v-8cd22070]{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden}.tabs-navigation[data-v-8cd22070]{display:flex;background-color:#f5f5f5;border-bottom:1px solid #ddd;overflow-x:auto}.tab-button[data-v-8cd22070]{padding:15px 20px;background:none;border:none;cursor:pointer;font-size:16px;color:#666;position:relative;white-space:nowrap;transition:background-color .3s}.tab-button[data-v-8cd22070]:hover{background-color:#e9e9e9}.tab-button.active[data-v-8cd22070]{color:#4a6fb5;font-weight:700}.employee-count[data-v-8cd22070]{display:inline-block;background-color:#4a6fb5;color:#fff;border-radius:12px;font-size:12px;padding:2px 8px;margin-left:8px;font-weight:400}.tab-button.active .employee-count[data-v-8cd22070]{background-color:#3a5a9f}.tab-button.active[data-v-8cd22070]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#4a6fb5}.tab-content[data-v-8cd22070]{padding:20px}.empty-state[data-v-8cd22070],.empty-department[data-v-8cd22070]{text-align:center;padding:40px 0;color:#999}.department-employees[data-v-8cd22070]{min-height:300px}.employees-grid[data-v-8cd22070]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.employee-card[data-v-8cd22070]{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}.employee-card[data-v-8cd22070]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.employee-image[data-v-8cd22070]{width:100px;min-width:100px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.employee-image img[data-v-8cd22070]{width:100%;height:100%;object-fit:cover}.employee-info[data-v-8cd22070]{padding:15px;flex:1}.employee-name[data-v-8cd22070]{margin:0 0 5px;font-size:18px;color:#333}.employee-position[data-v-8cd22070]{margin:0 0 10px;font-size:14px;color:#666;font-style:italic}.employee-department[data-v-8cd22070]{margin:5px 0;font-size:14px;color:#4a6fb5;font-weight:700;display:flex;align-items:center;gap:8px}.employee-department i[data-v-8cd22070]{width:14px}.employee-email[data-v-8cd22070],.employee-phone[data-v-8cd22070]{margin:5px 0;font-size:14px;color:#666;display:flex;align-items:center;gap:8px}.employee-email i[data-v-8cd22070],.employee-phone i[data-v-8cd22070]{color:#4a6fb5;width:14px}@media (max-width: 768px){.employees-grid[data-v-8cd22070]{grid-template-columns:repeat(auto-fill,minmax(240px))}.tabs-navigation[data-v-8cd22070]{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.tab-button[data-v-8cd22070]{flex:0 0 auto}.actions-bar[data-v-8cd22070]{flex-direction:column;gap:15px;align-items:stretch}.search-container[data-v-8cd22070]{max-width:100%}.add-button[data-v-8cd22070]{width:100%}}@media (max-width: 480px){.employees-grid[data-v-8cd22070]{grid-template-columns:1fr}.employee-card[data-v-8cd22070]{flex-direction:row}.employee-image[data-v-8cd22070]{width:80px;min-width:80px}}.loading-container[data-v-8cd22070]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner[data-v-8cd22070]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#4a6fb5;animation:spin-8cd22070 1s linear infinite;margin-bottom:20px}@keyframes spin-8cd22070{0%{transform:rotate(0)}to{transform:rotate(360deg)}}