body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#eff6ff;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius:12px}[data-theme=dark]{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#1e3a8a;--success:#10b981;--success-light:#064e3b;--warning:#f59e0b;--warning-light:#92400e;--danger:#ef4444;--danger-light:#991b1b;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-500:#94a3b8;--gray-700:#cbd5e1;--gray-900:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s ease,color .3s ease}.app{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px}.sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:24px}.logo{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;font-size:20px;font-weight:700;gap:10px}[data-theme=dark] .sidebar{background:#f9fafb;background:var(--gray-50);border-right-color:#e5e7eb;border-right-color:var(--gray-200)}[data-theme=dark] .sidebar-header{border-bottom-color:#e5e7eb;border-bottom-color:var(--gray-200)}[data-theme=dark] .logo{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:#0000}.nav-menu{flex:1 1;padding:20px 16px}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;transition:all .2s;width:100%}.nav-item:hover{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.nav-item.active{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary)}[data-theme=dark] .nav-item{color:#6b7280;color:var(--gray-500)}[data-theme=dark] .nav-item:hover{background:#e5e7eb;background:var(--gray-200);color:#111827;color:var(--gray-900)}[data-theme=dark] .nav-item.active{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary)}[data-theme=dark] .logo{color:#2563eb;color:var(--primary)}.next-steps-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:auto;padding:20px 16px}.next-steps-title{font-size:12px;font-weight:600;margin-bottom:16px}.steps-list{padding-left:20px}.steps-list li{font-size:12px;line-height:1.3;margin-bottom:8px}.step-item{color:#374151;color:var(--gray-700);display:flex;font-size:13px;gap:10px;line-height:1.4;margin-bottom:14px}.step-bullet{align-items:center;background:#eff6ff;background:var(--primary-light);border-radius:10px;color:#2563eb;color:var(--primary);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}[data-theme=dark] .step-item{color:#374151;color:var(--gray-700)}[data-theme=dark] .step-bullet{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary)}.main-content{flex:1 1;margin-left:280px;max-width:calc(100% - 280px);padding:32px 40px}.top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.page-title{color:#111827;color:var(--gray-900);font-size:28px;font-weight:700}.employee-nav{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:40px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:6px 12px}.nav-arrow{background:#f3f4f6;background:var(--gray-100);border:none;border-radius:50%;cursor:pointer;font-size:14px;height:32px;transition:all .2s;width:32px}.nav-arrow:hover{background:#2563eb;background:var(--primary);color:#fff}.employee-name-current{font-weight:600;min-width:120px;text-align:center}[data-theme=dark] .employee-nav{background:#f9fafb;background:var(--gray-50);border-color:#e5e7eb;border-color:var(--gray-200)}[data-theme=dark] .nav-arrow{background:#e5e7eb;background:var(--gray-200);color:#111827;color:var(--gray-900)}[data-theme=dark] .nav-arrow:hover{background:#2563eb;background:var(--primary);color:#fff}[data-theme=dark] .employee-name-current{color:#111827;color:var(--gray-900)}.employee-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:20px;margin-bottom:28px;padding:20px 24px}.employee-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:16px;color:#fff;display:flex;font-size:24px;font-weight:600;height:64px;justify-content:center;width:64px}.employee-info h2{font-size:20px;margin-bottom:4px}.employee-role{color:#6b7280;color:var(--gray-500);font-size:14px;margin-bottom:12px}.employee-details-row{color:#6b7280;color:var(--gray-500);display:flex;flex-wrap:wrap;font-size:13px;gap:16px}[data-theme=dark] .employee-card{background:#f9fafb;background:var(--gray-50);border-color:#e5e7eb;border-color:var(--gray-200)}[data-theme=dark] .employee-info h2{color:#111827;color:var(--gray-900)}[data-theme=dark] .employee-details-row,[data-theme=dark] .employee-role{color:#6b7280;color:var(--gray-500)}.employee-details-row span{align-items:center;display:flex;gap:6px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.kpi-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:16px 20px}.kpi-label{color:#6b7280;color:var(--gray-500);font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.kpi-value{color:#111827;color:var(--gray-900);font-size:28px;font-weight:700;margin-bottom:6px}.kpi-trend{align-items:center;display:flex;font-size:12px;gap:4px}.kpi-trend.positive{color:#10b981;color:var(--success)}.kpi-trend.negative{color:#ef4444;color:var(--danger)}[data-theme=dark] .kpi-card{background:#f9fafb;background:var(--gray-50);border-color:#e5e7eb;border-color:var(--gray-200)}[data-theme=dark] .kpi-label{color:#6b7280;color:var(--gray-500)}[data-theme=dark] .kpi-value{color:#111827;color:var(--gray-900)}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.metric-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:18px 20px;transition:all .2s}.metric-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.metric-name{color:#6b7280;color:var(--gray-500);font-size:14px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.status-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.status-good{background:#d1fae5;background:var(--success-light);color:#10b981;color:var(--success)}.status-attention{background:#fef3c7;background:var(--warning-light);color:#f59e0b;color:var(--warning)}.status-critical{background:#fee2e2;background:var(--danger-light);color:#ef4444;color:var(--danger)}.metric-number{color:#111827;color:var(--gray-900);font-size:32px;font-weight:700;margin-bottom:8px}.metric-number small{color:#6b7280;color:var(--gray-500);font-size:14px;font-weight:400}.metric-trend-line{font-size:13px;margin-bottom:10px}.trend-up{color:#ef4444;color:var(--danger)}.trend-down{color:#10b981;color:var(--success)}.metric-description{color:#6b7280;color:var(--gray-500);font-size:13px;line-height:1.4}[data-theme=dark] .metric-card{background:#f9fafb;background:var(--gray-50);border-color:#e5e7eb;border-color:var(--gray-200)}[data-theme=dark] .metric-name{color:#6b7280;color:var(--gray-500)}[data-theme=dark] .metric-number{color:#111827;color:var(--gray-900)}[data-theme=dark] .metric-description,[data-theme=dark] .metric-number small{color:#6b7280;color:var(--gray-500)}.comparison-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);padding:20px 24px}.comparison-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:20px}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.comparison-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:12px 0}.comparison-label{font-size:14px;font-weight:500}.comparison-values{align-items:baseline;display:flex;gap:8px}.comparison-dev{color:#111827;color:var(--gray-900);font-weight:600}.comparison-team{color:#6b7280;color:var(--gray-500);font-size:13px}.comparison-diff{font-size:12px;font-weight:500;margin-left:12px}[data-theme=dark] .comparison-section{background:#f9fafb;background:var(--gray-50);border-color:#e5e7eb;border-color:var(--gray-200)}[data-theme=dark] .comparison-title{color:#111827;color:var(--gray-900)}[data-theme=dark] .comparison-item{border-bottom-color:#e5e7eb;border-bottom-color:var(--gray-200)}[data-theme=dark] .comparison-dev,[data-theme=dark] .comparison-label{color:#111827;color:var(--gray-900)}[data-theme=dark] .comparison-team{color:#6b7280;color:var(--gray-500)}.diff-better{color:#10b981;color:var(--success)}.diff-worse{color:#ef4444;color:var(--danger)}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:24px}.settings-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;transition:all .3s ease}.settings-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);margin-bottom:20px;padding-bottom:12px}.settings-header h2{color:#111827;color:var(--gray-900);font-size:18px;font-weight:600}[data-theme=dark] .settings-card{background:#f9fafb;background:var(--gray-50);border-color:#e5e7eb;border-color:var(--gray-200)}[data-theme=dark] .settings-header{border-bottom-color:#e5e7eb;border-bottom-color:var(--gray-200)}[data-theme=dark] .settings-header h2{color:#111827;color:var(--gray-900)}.settings-content{display:flex;flex-direction:column;gap:20px}.setting-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:12px 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-label{color:#111827;color:var(--gray-900);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.setting-description{color:#6b7280;color:var(--gray-500);font-size:12px;line-height:1.4;margin:0}[data-theme=dark] .setting-label{color:#111827;color:var(--gray-900)}[data-theme=dark] .setting-description{color:#6b7280;color:var(--gray-500)}.theme-toggle{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.theme-toggle:hover{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary)}.theme-toggle.dark{background:#374151;background:var(--gray-700);border-color:var(--gray-600);color:#f3f4f6;color:var(--gray-100)}[data-theme=dark] .theme-toggle{background:#e5e7eb;background:var(--gray-200);border-color:#6b7280;border-color:var(--gray-500);color:#111827;color:var(--gray-900)}[data-theme=dark] .theme-toggle:hover{background:var(--gray-300);border-color:#2563eb;border-color:var(--primary)}.toggle-icon{font-size:16px}.toggle-text{font-size:12px;font-weight:600}.toggle-switch{background:#e5e7eb;background:var(--gray-200);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background-color .3s ease;width:48px}.toggle-switch.on{background:#10b981;background:var(--success)}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-switch.on .toggle-slider{transform:translateX(24px)}.setting-select{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;color:#111827;color:var(--gray-900);cursor:pointer;font-size:14px;min-width:140px;padding:8px 12px;transition:all .2s ease}.setting-select:focus,.setting-select:hover{border-color:#2563eb;border-color:var(--primary)}.setting-select:focus{box-shadow:0 0 0 3px #eff6ff;box-shadow:0 0 0 3px var(--primary-light);outline:none}
/*# sourceMappingURL=main.60177fba.css.map*/