.employee-detail-page[data-v-6eab8d35]{padding:24px;background:#f5f7fa;min-height:100vh}.filter-bar[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;box-shadow:0 2px 8px rgba(0,0,0,.05)}.filter-bar .filter-group[data-v-6eab8d35]{display:flex;flex-direction:column;gap:8px}.filter-bar .filter-group>label[data-v-6eab8d35]{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.filter-bar .filter-group.date-range[data-v-6eab8d35]{flex-direction:row;gap:16px;align-items:flex-end}.filter-bar .filter-group.date-range .date-input[data-v-6eab8d35]{display:flex;flex-direction:column;gap:6px}.filter-bar .filter-group.date-range .date-input label[data-v-6eab8d35]{font-size:11px;color:#888}.filter-bar .filter-group.date-range .date-input input[type=date][data-v-6eab8d35]{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.filter-bar .filter-group.date-range .date-input input[type=date][data-v-6eab8d35]:focus{outline:none;border-color:#0052cc}.filter-bar .filter-group.period-display[data-v-6eab8d35]{margin-left:auto}.filter-bar .filter-group.period-display .period-label[data-v-6eab8d35]{font-size:14px;color:#666;background:#f5f7fa;padding:8px 16px;border-radius:6px}.filter-bar .period-buttons[data-v-6eab8d35]{display:flex;gap:0}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]{padding:10px 16px;border:1px solid #e0e0e0;background:#fff;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]:first-child{border-radius:6px 0 0 6px}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]:last-child{border-radius:0 6px 6px 0}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]:not(:first-child){border-left:0}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]:hover:not(.active){background:#f5f5f5}.filter-bar .period-buttons .period-btn.active[data-v-6eab8d35]{background:#0052cc;color:#fff;border-color:#0052cc;position:relative;z-index:1}.stats-section[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px}.stats-section h2[data-v-6eab8d35]{margin:0 0 20px 0;font-size:20px}.stats-section .stats-grid[data-v-6eab8d35]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stats-section .stats-grid .stat-card[data-v-6eab8d35]{padding:16px;background:#f8f9fa;border-radius:8px;text-align:center}.stats-section .stats-grid .stat-card .stat-label[data-v-6eab8d35]{font-size:11px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stats-section .stats-grid .stat-card .stat-value[data-v-6eab8d35]{font-size:24px;font-weight:700;color:#0052cc}.stats-section .stats-grid .stat-card .stat-trend[data-v-6eab8d35]{margin-top:8px;font-size:12px}.stats-section .stats-grid .stat-card .stat-trend .up[data-v-6eab8d35]{color:#4caf50}.stats-section .stats-grid .stat-card .stat-trend .down[data-v-6eab8d35]{color:#d93025}.stats-section .stats-grid .stat-card .stat-detail[data-v-6eab8d35]{font-size:12px;color:#666;margin-top:4px}.datatable-chart-grid[data-v-6eab8d35]{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}@media(max-width:1200px){.datatable-chart-grid[data-v-6eab8d35]{grid-template-columns:1fr}}.datatable-chart-grid .datatable-chart-container[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.datatable-chart-grid .datatable-chart-container .chart-header[data-v-6eab8d35]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.datatable-chart-grid .datatable-chart-container .chart-header h2[data-v-6eab8d35]{margin:0;font-size:18px;font-weight:600}.datatable-chart-grid .datatable-chart-container .chart-header .chart-controls[data-v-6eab8d35]{display:flex;gap:0}.datatable-chart-grid .datatable-chart-container .chart-header .chart-controls .btn-chart-type[data-v-6eab8d35]{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.datatable-chart-grid .datatable-chart-container .chart-header .chart-controls .btn-chart-type[data-v-6eab8d35]:first-child{border-radius:6px 0 0 6px}.datatable-chart-grid .datatable-chart-container .chart-header .chart-controls .btn-chart-type[data-v-6eab8d35]:last-child{border-radius:0 6px 6px 0;border-left:0}.datatable-chart-grid .datatable-chart-container .chart-header .chart-controls .btn-chart-type.active[data-v-6eab8d35]{background:#0052cc;color:#fff;border-color:#0052cc;z-index:1;position:relative}.datatable-chart-grid .datatable-chart-container .chart-header .chart-controls .btn-chart-type[data-v-6eab8d35]:hover:not(.active){background:#f5f5f5}.datatable-chart-grid .datatable-chart-container h2[data-v-6eab8d35]{margin:0 0 20px 0;font-size:18px;font-weight:600}.datatable-chart-grid .datatable-chart-container .chart-wrapper[data-v-6eab8d35]{position:relative;height:300px}.datatable-chart-grid .datatable-chart-container .chart-wrapper canvas[data-v-6eab8d35]{max-height:300px!important}.detail-header[data-v-6eab8d35]{margin-bottom:24px}.detail-header .back-btn[data-v-6eab8d35]{background:#fff;border:2px solid #e0e0e0;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s;margin-bottom:16px}.detail-header .back-btn[data-v-6eab8d35]:hover{background:#f5f5f5;border-color:#0052cc}.detail-header .page-title[data-v-6eab8d35]{font-size:28px;font-weight:700;color:#1c1c1c}.anomaly-alert[data-v-6eab8d35]{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ff9800;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:20px}.anomaly-alert .alert-icon[data-v-6eab8d35]{font-size:48px}.anomaly-alert .alert-content[data-v-6eab8d35]{flex:1}.anomaly-alert .alert-content h3[data-v-6eab8d35]{margin:0 0 8px 0;color:#856404}.anomaly-alert .alert-content p[data-v-6eab8d35]{margin:0 0 12px 0;color:#856404}.anomaly-alert .alert-content .btn-show-details[data-v-6eab8d35]{background:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.anomaly-alert .alert-content .btn-show-details[data-v-6eab8d35]:hover{background:rgb(204,121.6,0)}.anomaly-details[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.anomaly-details h3[data-v-6eab8d35]{margin:0 0 20px 0}.anomaly-details .anomaly-cards[data-v-6eab8d35]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.anomaly-details .anomaly-cards .anomaly-card[data-v-6eab8d35]{padding:16px;border:1px solid #e0e0e0;border-radius:8px}.anomaly-details .anomaly-cards .anomaly-card .anomaly-header[data-v-6eab8d35]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.anomaly-details .anomaly-cards .anomaly-card .anomaly-header .anomaly-type[data-v-6eab8d35]{font-weight:600;font-size:14px}.anomaly-details .anomaly-cards .anomaly-card .anomaly-header .anomaly-severity[data-v-6eab8d35]{padding:4px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;font-weight:600}.anomaly-details .anomaly-cards .anomaly-card .anomaly-header .anomaly-severity.high[data-v-6eab8d35]{background:rgba(217,48,37,.1);color:#d93025}.anomaly-details .anomaly-cards .anomaly-card .anomaly-header .anomaly-severity.medium[data-v-6eab8d35]{background:rgba(255,152,0,.1);color:rgb(204,121.6,0)}.anomaly-details .anomaly-cards .anomaly-card .anomaly-header .anomaly-severity.low[data-v-6eab8d35]{background:rgba(0,82,204,.1);color:#0052cc}.anomaly-details .anomaly-cards .anomaly-card .anomaly-description[data-v-6eab8d35]{font-size:14px;color:#666;margin-bottom:8px}.anomaly-details .anomaly-cards .anomaly-card .anomaly-value[data-v-6eab8d35]{font-weight:600;font-size:16px;color:#0052cc;margin-bottom:12px}.anomaly-details .anomaly-cards .anomaly-card .anomaly-recommendation[data-v-6eab8d35]{font-size:13px;padding-top:12px;border-top:1px solid #f0f0f0}.anomaly-details .anomaly-cards .anomaly-card .anomaly-recommendation strong[data-v-6eab8d35]{color:#333}.kpi-row[data-v-6eab8d35]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.kpi-row .kpi-card[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s}.kpi-row .kpi-card.highlight[data-v-6eab8d35]{background:linear-gradient(135deg,#0052cc,#003a8c);color:#fff}.kpi-row .kpi-card.highlight .kpi-comparison[data-v-6eab8d35],.kpi-row .kpi-card.highlight .kpi-label[data-v-6eab8d35]{color:hsla(0,0%,100%,.9)}.kpi-row .kpi-card.anomaly[data-v-6eab8d35]{background:linear-gradient(135deg,#ff9800,#d93025)}.kpi-row .kpi-card .kpi-icon[data-v-6eab8d35]{font-size:32px}.kpi-row .kpi-card .kpi-content[data-v-6eab8d35]{flex:1}.kpi-row .kpi-card .kpi-content .kpi-label[data-v-6eab8d35]{font-size:12px;text-transform:uppercase;opacity:.8;margin-bottom:4px}.kpi-row .kpi-card .kpi-content .kpi-value[data-v-6eab8d35]{font-size:24px;font-weight:700}.kpi-row .kpi-card .kpi-content .kpi-comparison[data-v-6eab8d35]{font-size:12px;margin-top:4px;opacity:.9}.products-section[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px}.products-section h2[data-v-6eab8d35]{margin:0 0 20px 0}.products-section .products-grid[data-v-6eab8d35]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.products-section .products-grid .product-card[data-v-6eab8d35]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s}.products-section .products-grid .product-card[data-v-6eab8d35]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.products-section .products-grid .product-card .product-image[data-v-6eab8d35]{position:relative;height:150px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.products-section .products-grid .product-card .product-image img[data-v-6eab8d35]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.products-section .products-grid .product-card .product-image .product-placeholder[data-v-6eab8d35]{height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#ccc;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.products-section .products-grid .product-card .product-image .product-badge[data-v-6eab8d35]{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px}.products-section .products-grid .product-card .product-info[data-v-6eab8d35]{padding:12px}.products-section .products-grid .product-card .product-info .product-number[data-v-6eab8d35]{font-size:11px;color:#999}.products-section .products-grid .product-card .product-info .product-name[data-v-6eab8d35]{font-weight:600;margin:4px 0 8px 0;font-size:14px}.products-section .products-grid .product-card .product-info .product-stats[data-v-6eab8d35]{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #f0f0f0}.products-section .products-grid .product-card .product-info .product-stats .label[data-v-6eab8d35]{font-size:11px;color:#666}.products-section .products-grid .product-card .product-info .product-stats .value[data-v-6eab8d35]{font-weight:600;font-size:13px}.products-section .products-grid .product-card .product-info .product-price[data-v-6eab8d35]{text-align:right;color:#0052cc;font-size:12px}.pattern-section[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px}.pattern-section h2[data-v-6eab8d35]{margin:0 0 20px 0}.pattern-section .pattern-grid[data-v-6eab8d35]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.pattern-section .pattern-grid .pattern-card[data-v-6eab8d35]{text-align:center;padding:16px;border:1px solid #e0e0e0;border-radius:8px}.pattern-section .pattern-grid .pattern-card.warning[data-v-6eab8d35]{background:rgba(255,152,0,.05);border-color:#ff9800}.pattern-section .pattern-grid .pattern-card h4[data-v-6eab8d35]{margin:0 0 12px 0;font-size:13px;text-transform:uppercase;color:#666}.pattern-section .pattern-grid .pattern-card .pattern-value[data-v-6eab8d35]{font-size:24px;font-weight:700;color:#0052cc;margin-bottom:8px}.pattern-section .pattern-grid .pattern-card .pattern-value.positive[data-v-6eab8d35]{color:#d93025}.pattern-section .pattern-grid .pattern-card .pattern-value.negative[data-v-6eab8d35]{color:#4caf50}.pattern-section .pattern-grid .pattern-card .pattern-detail[data-v-6eab8d35]{font-size:12px;color:#666}.orders-section[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:24px}.orders-section h2[data-v-6eab8d35]{margin:0 0 20px 0;font-size:20px}.orders-section .no-orders[data-v-6eab8d35]{text-align:center;padding:40px;color:#666;font-style:italic}.orders-section .orders-timeline[data-v-6eab8d35]{position:relative}.orders-section .orders-timeline .order-timeline-item[data-v-6eab8d35]{display:flex;gap:20px;margin-bottom:20px}.orders-section .orders-timeline .order-timeline-item .timeline-marker[data-v-6eab8d35]{position:relative;width:20px}.orders-section .orders-timeline .order-timeline-item .timeline-marker .marker-dot[data-v-6eab8d35]{width:12px;height:12px;background:#0052cc;border-radius:50%;margin:5px 4px}.orders-section .orders-timeline .order-timeline-item .timeline-marker.first .marker-dot[data-v-6eab8d35]{background:#4caf50}.orders-section .orders-timeline .order-timeline-item .timeline-marker .marker-line[data-v-6eab8d35]{position:absolute;left:9px;top:22px;width:2px;height:calc(100% + 20px);background:#e0e0e0}.orders-section .orders-timeline .order-timeline-item .order-card[data-v-6eab8d35]{flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.orders-section .orders-timeline .order-timeline-item .order-card[data-v-6eab8d35]:hover{background:#f8f9fa}.orders-section .orders-timeline .order-timeline-item .order-card .order-header[data-v-6eab8d35]{display:flex;justify-content:space-between;margin-bottom:12px}.orders-section .orders-timeline .order-timeline-item .order-card .order-header .order-date[data-v-6eab8d35]{color:#666;font-size:14px}.orders-section .orders-timeline .order-timeline-item .order-card .order-header .order-total[data-v-6eab8d35]{font-weight:700;color:#0052cc;font-size:16px}.orders-section .orders-timeline .order-timeline-item .order-card .order-header .order-total.high[data-v-6eab8d35]{background:rgba(255,152,0,.1);padding:2px 6px;border-radius:4px}.orders-section .orders-timeline .order-timeline-item .order-card .order-products[data-v-6eab8d35]{display:flex;flex-wrap:wrap;gap:8px}.orders-section .orders-timeline .order-timeline-item .order-card .order-products .product-chip[data-v-6eab8d35]{background:#e3f2fd;color:#0052cc;padding:4px 12px;border-radius:16px;font-size:13px}.orders-section .orders-timeline .order-timeline-item .order-card .order-products .product-chip .product-price[data-v-6eab8d35]{color:#666;font-size:12px}.error-container[data-v-6eab8d35],.loading-container[data-v-6eab8d35]{background:#fff;border-radius:12px;padding:60px;text-align:center}.error-container .spinner[data-v-6eab8d35],.loading-container .spinner[data-v-6eab8d35]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0052cc;border-radius:50%;animation:spin-6eab8d35 1s linear infinite;margin:0 auto 20px}.error-container .btn-primary[data-v-6eab8d35],.loading-container .btn-primary[data-v-6eab8d35]{background:#0052cc;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer;margin-top:20px}.error-container .btn-primary[data-v-6eab8d35]:hover,.loading-container .btn-primary[data-v-6eab8d35]:hover{background:#003a8c}@keyframes spin-6eab8d35{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.filter-bar[data-v-6eab8d35]{flex-direction:column;align-items:stretch;gap:16px}.filter-bar .filter-group.period-display[data-v-6eab8d35]{margin-left:0}.filter-bar .period-buttons[data-v-6eab8d35]{flex-wrap:wrap}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]{flex:1;min-width:80px;text-align:center}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]:first-child{border-radius:6px 0 0 0}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]:nth-child(3){border-radius:0 6px 0 0}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]:nth-child(4){border-radius:0 0 0 6px;border-top:0;border-left:1px solid #e0e0e0}.filter-bar .period-buttons .period-btn[data-v-6eab8d35]:last-child{border-radius:0 0 6px 0;border-top:0}.kpi-row[data-v-6eab8d35]{grid-template-columns:1fr}.pattern-grid[data-v-6eab8d35]{grid-template-columns:repeat(2,1fr)}}