.fullscreen-app[data-v-2bb07dc7]{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.app-header[data-v-2bb07dc7]{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;z-index:1000;padding:0 24px;max-width:none}.header-row-1[data-v-2bb07dc7]{height:50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.logo-section[data-v-2bb07dc7]{display:flex;align-items:center;gap:12px}.logo-section h1[data-v-2bb07dc7]{font-size:20px;font-weight:700;color:#e31837;margin:0}.version[data-v-2bb07dc7]{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-weight:500}.user-section[data-v-2bb07dc7]{display:flex;align-items:center;gap:12px}.username[data-v-2bb07dc7]{font-weight:600;color:#334155}.logout-btn[data-v-2bb07dc7]{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.logout-btn[data-v-2bb07dc7]:hover{background:#dc2626}.header-row-2[data-v-2bb07dc7]{height:50px;display:flex;align-items:center;justify-content:center}.main-nav[data-v-2bb07dc7]{display:flex;gap:8px}.nav-btn[data-v-2bb07dc7]{display:flex;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;color:#334155;border-radius:6px;transition:all .2s;font-weight:500}.nav-btn[data-v-2bb07dc7]:hover{background:#f1f5f9;color:#6366f1}.nav-btn.router-link-active[data-v-2bb07dc7]{background:#6366f1;color:#fff}.icon[data-v-2bb07dc7]{font-size:16px}.main-content[data-v-2bb07dc7]{flex:1;width:100vw;height:calc(100vh - 100px);overflow:auto}.page-enter-active[data-v-2bb07dc7],.page-leave-active[data-v-2bb07dc7]{transition:all .3s ease}.page-enter-from[data-v-2bb07dc7],.page-leave-to[data-v-2bb07dc7]{opacity:0;transform:translate(20px)}@media (max-width: 768px){.app-header[data-v-2bb07dc7]{padding:0 16px}.label[data-v-2bb07dc7]{display:none}.main-nav[data-v-2bb07dc7]{gap:4px}.nav-btn[data-v-2bb07dc7]{padding:8px}.version[data-v-2bb07dc7]{display:none}.username[data-v-2bb07dc7]{font-size:14px}.logout-btn[data-v-2bb07dc7]{padding:4px 8px;font-size:12px}}.login-fullscreen[data-v-8a035c83]{width:100vw;height:100vh;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-8a035c83]{width:100%;max-width:420px}.login-card[data-v-8a035c83]{background:#fff;border-radius:12px;padding:40px;box-shadow:0 25px 50px #00000026}.login-header[data-v-8a035c83]{text-align:center;margin-bottom:32px}.login-header h1[data-v-8a035c83]{font-size:32px;font-weight:700;color:#e31837;margin:0 0 8px}.login-header p[data-v-8a035c83]{color:#64748b;margin:0 0 16px}.version-badge[data-v-8a035c83]{display:inline-block;background:#e31837;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.login-form[data-v-8a035c83]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-8a035c83]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-8a035c83]{font-weight:600;color:#334155;font-size:14px}.form-input[data-v-8a035c83]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}.form-input[data-v-8a035c83]:focus{outline:none;border-color:#6366f1}.login-btn[data-v-8a035c83]{padding:14px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.login-btn[data-v-8a035c83]:hover:not(:disabled){background:#4f46e5}.login-btn[data-v-8a035c83]:disabled{opacity:.6;cursor:not-allowed}.demo-info[data-v-8a035c83]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;font-size:14px;color:#334155}.demo-info code[data-v-8a035c83]{background:#e2e8f0;padding:2px 4px;border-radius:4px;font-family:Monaco,Menlo,monospace}.error-message[data-v-8a035c83]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;font-size:14px}.dashboard-fullscreen[data-v-64a6230d]{width:100vw;height:calc(100vh - 60px);overflow-y:auto;background:#f8fafc;padding:24px}.dashboard-header[data-v-64a6230d]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.header-content[data-v-64a6230d]{display:flex;justify-content:space-between;align-items:center}.header-content h1[data-v-64a6230d]{font-size:28px;font-weight:700;color:#1e293b;margin:0}.screen-info[data-v-64a6230d]{background:#e0e7ff;color:#4f46e5;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.stats-grid[data-v-64a6230d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.stat-card[data-v-64a6230d]{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.stat-card[data-v-64a6230d]:hover{transform:translateY(-2px)}.stat-icon[data-v-64a6230d]{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px}.stat-number[data-v-64a6230d]{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.stat-label[data-v-64a6230d]{font-size:14px;color:#64748b;font-weight:500}.content-grid[data-v-64a6230d]{display:grid;grid-template-columns:1fr;gap:24px}.content-card[data-v-64a6230d]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.content-card.full-width[data-v-64a6230d]{grid-column:1 / -1}.content-card h2[data-v-64a6230d]{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.placeholder-content[data-v-64a6230d]{text-align:center;color:#64748b}.placeholder-content p[data-v-64a6230d]{margin-bottom:20px}.placeholder-chart[data-v-64a6230d]{display:flex;align-items:end;gap:8px;height:120px}.chart-bar[data-v-64a6230d]{flex:1;background:linear-gradient(to top,#6366f1,#8b5cf6);border-radius:4px 4px 0 0;min-height:20px}@media (max-width: 768px){.dashboard-fullscreen[data-v-64a6230d]{padding:16px}.stats-grid[data-v-64a6230d]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.header-content[data-v-64a6230d]{flex-direction:column;gap:12px;text-align:center}}.employees-fullscreen[data-v-2637e2ed]{width:100vw;height:calc(100vh - 60px);overflow-y:auto;background:#f8fafc;padding:24px}.page-header[data-v-2637e2ed]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.page-header h1[data-v-2637e2ed]{font-size:28px;font-weight:700;color:#1e293b;margin:0}.viewport-info[data-v-2637e2ed]{background:#ddd6fe;color:#6366f1;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.form-header[data-v-2637e2ed]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #e31837}.form-grid[data-v-2637e2ed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.table-controls[data-v-2637e2ed]{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.search-filter[data-v-2637e2ed]{display:flex;gap:12px;flex-wrap:wrap}.search-input[data-v-2637e2ed],.filter-select[data-v-2637e2ed]{padding:10px 14px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;min-width:180px;transition:border-color .2s}.search-input[data-v-2637e2ed]:focus,.filter-select[data-v-2637e2ed]:focus{outline:none;border-color:#6366f1}.sort-controls[data-v-2637e2ed]{display:flex;gap:8px}.sort-btn[data-v-2637e2ed]{padding:8px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#334155;transition:all .2s}.sort-btn[data-v-2637e2ed]:hover{background:#f1f5f9;border-color:#6366f1;color:#6366f1}.sort-btn.active[data-v-2637e2ed]{background:#6366f1;border-color:#6366f1;color:#fff}.list-section[data-v-2637e2ed]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.form-header h2[data-v-2637e2ed],.list-section h2[data-v-2637e2ed]{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.employees-table[data-v-2637e2ed]{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.table-header[data-v-2637e2ed]{display:grid;grid-template-columns:60px 1fr 1fr 1fr 1fr 100px;gap:16px;padding:16px 20px;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:600;color:#334155;font-size:14px}.employee-row[data-v-2637e2ed]{display:grid;grid-template-columns:60px 1fr 1fr 1fr 1fr 100px;gap:16px;padding:16px 20px;border-bottom:1px solid #f1f5f9;transition:all .2s;align-items:center}.employee-row[data-v-2637e2ed]:hover{background:#f8fafc;border-left:4px solid #6366f1;padding-left:16px}.employee-row[data-v-2637e2ed]:last-child{border-bottom:none}.employee-form[data-v-2637e2ed]{width:100%}.form-group[data-v-2637e2ed]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-2637e2ed]{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:6px;display:block}.form-input[data-v-2637e2ed]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;width:100%;transition:border-color .2s;background:#fff;color:#1e293b}.form-input[data-v-2637e2ed]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.submit-btn[data-v-2637e2ed]{padding:12px 24px;background:#e31837;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.submit-btn[data-v-2637e2ed]:hover:not(:disabled){background:#b71328;transform:translateY(-1px);box-shadow:0 4px 12px #e318374d}.submit-btn[data-v-2637e2ed]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.empty-state[data-v-2637e2ed]{text-align:center;padding:60px 20px;color:#64748b}.empty-icon[data-v-2637e2ed]{font-size:48px;margin-bottom:16px}.empty-state h3[data-v-2637e2ed]{font-size:20px;color:#334155;margin:0 0 8px}.employees-list[data-v-2637e2ed]{display:flex;flex-direction:column;gap:16px}.employee-card[data-v-2637e2ed]{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s}.employee-card[data-v-2637e2ed]:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.col-avatar .employee-avatar[data-v-2637e2ed]{width:40px;height:40px;background:#e31837;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.col-name h3[data-v-2637e2ed]{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 2px}.employee-id[data-v-2637e2ed]{font-size:12px;color:#64748b}.email-link[data-v-2637e2ed]{color:#6366f1;text-decoration:none;font-size:14px}.email-link[data-v-2637e2ed]:hover{text-decoration:underline}.manager-name[data-v-2637e2ed]{color:#1e293b;font-weight:500;font-size:14px}.state-badge[data-v-2637e2ed]{background:#f1f5f9;color:#334155;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid #e2e8f0}.no-data[data-v-2637e2ed]{color:#94a3b8;font-style:italic;font-size:14px}.employee-info[data-v-2637e2ed]{flex:1}.employee-info h3[data-v-2637e2ed]{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.employee-email[data-v-2637e2ed]{color:#64748b;font-size:14px;margin:0 0 8px}.employee-meta[data-v-2637e2ed]{display:flex;gap:12px}.meta-item[data-v-2637e2ed]{background:#e0e7ff;color:#4f46e5;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.employee-actions[data-v-2637e2ed]{display:flex;gap:8px}.col-actions[data-v-2637e2ed]{display:flex;gap:8px;justify-content:center}.action-btn[data-v-2637e2ed]{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.action-btn.edit[data-v-2637e2ed]{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.action-btn.edit[data-v-2637e2ed]:hover{background:#fbbf24;color:#fff;transform:translateY(-1px)}.action-btn.delete[data-v-2637e2ed]{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.action-btn.delete[data-v-2637e2ed]:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.message[data-v-2637e2ed]{position:fixed;bottom:24px;right:24px;padding:16px 20px;border-radius:8px;font-weight:500;box-shadow:0 10px 25px #00000026;z-index:1000}.message.success[data-v-2637e2ed]{background:#d1fae5;color:#065f46;border:1px solid #10b981}.message.error[data-v-2637e2ed]{background:#fee2e2;color:#991b1b;border:1px solid #dc2626}@media (max-width: 1200px){.employees-grid[data-v-2637e2ed]{grid-template-columns:1fr}}@media (max-width: 768px){.employees-fullscreen[data-v-2637e2ed]{padding:16px}.form-row[data-v-2637e2ed]{grid-template-columns:1fr}.employee-card[data-v-2637e2ed]{flex-direction:column;align-items:flex-start;gap:12px}.employee-actions[data-v-2637e2ed]{width:100%;justify-content:flex-end}}.info-fullscreen[data-v-8fb18bb8]{width:100vw;height:calc(100vh - 60px);overflow-y:auto;background:#f8fafc;padding:24px}.page-header[data-v-8fb18bb8]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;text-align:center}.page-header h1[data-v-8fb18bb8]{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.page-header p[data-v-8fb18bb8]{color:#64748b;margin:0}.info-grid[data-v-8fb18bb8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.info-card[data-v-8fb18bb8]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.info-card h2[data-v-8fb18bb8]{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.info-list[data-v-8fb18bb8]{display:flex;flex-direction:column;gap:12px}.info-item[data-v-8fb18bb8]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.info-item[data-v-8fb18bb8]:last-child{border-bottom:none}.label[data-v-8fb18bb8]{font-weight:600;color:#334155;min-width:120px}.value[data-v-8fb18bb8]{color:#64748b;text-align:right;word-break:break-all}.value.user-agent[data-v-8fb18bb8]{font-size:12px;max-width:200px}@media (max-width: 768px){.info-fullscreen[data-v-8fb18bb8]{padding:16px}.info-grid[data-v-8fb18bb8]{grid-template-columns:1fr}.info-item[data-v-8fb18bb8]{flex-direction:column;align-items:flex-start;gap:4px}.value[data-v-8fb18bb8]{text-align:left}}