.auth-container[data-v-bffaa9c5]{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-header);padding:var(--spacing-md)}.auth-card[data-v-bffaa9c5]{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);width:100%;max-width:400px}.auth-header[data-v-bffaa9c5]{text-align:center;margin-bottom:var(--spacing-xl)}.logo[data-v-bffaa9c5]{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.logo img[data-v-bffaa9c5]{width:120px;height:auto}.auth-header h1[data-v-bffaa9c5]{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-header p[data-v-bffaa9c5]{color:var(--text-secondary);font-size:16px}@media(max-width:480px){.auth-card[data-v-bffaa9c5]{padding:var(--spacing-lg)}.auth-header h1[data-v-bffaa9c5]{font-size:24px}}.dashboard[data-v-03039861]{position:relative}.dashboard-header[data-v-03039861]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-md)}.welcome-section h2[data-v-03039861]{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.welcome-section p[data-v-03039861]{color:var(--text-secondary);font-size:16px}.stats-grid[data-v-03039861]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.stat-card[data-v-03039861]{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-sm);transition:var(--transition)}.stat-card[data-v-03039861]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon[data-v-03039861]{width:48px;height:48px;min-width:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.total[data-v-03039861]{background-color:var(--primary)}.stat-icon.available[data-v-03039861]{background-color:var(--success)}.stat-icon.sold[data-v-03039861]{background-color:var(--warning)}.stat-icon.new[data-v-03039861]{background-color:var(--info)}.stat-content h3[data-v-03039861]{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.stat-content p[data-v-03039861]{color:var(--text-secondary);font-size:12px;font-weight:500}.charts-grid[data-v-03039861]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.chart-card[data-v-03039861]{background-color:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-header[data-v-03039861]{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-title[data-v-03039861]{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.chart-filter-select[data-v-03039861]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;outline:none;transition:var(--transition)}.chart-filter-select[data-v-03039861]:hover{border-color:var(--primary)}.chart-filter-select[data-v-03039861]:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.chart-content[data-v-03039861]{padding:var(--spacing-lg)}.empty-state[data-v-03039861]{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.bar-chart[data-v-03039861]{display:flex;flex-direction:column;gap:var(--spacing-md)}.bar-item[data-v-03039861]{display:flex;align-items:center;gap:var(--spacing-md)}.bar-label[data-v-03039861]{min-width:100px;font-size:14px;font-weight:500;color:var(--text-primary)}.bar-container[data-v-03039861]{flex:1;position:relative;height:30px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm);display:flex;align-items:center}.bar-fill[data-v-03039861]{height:100%;background-color:var(--primary);border-radius:var(--border-radius-sm);transition:width .5s ease}.bar-fill.type[data-v-03039861]{background-color:var(--secondary)}.bar-fill.branch[data-v-03039861]{background-color:var(--info)}.bar-value[data-v-03039861]{position:absolute;right:var(--spacing-sm);font-size:12px;font-weight:600;color:var(--text-primary)}.pie-chart[data-v-03039861]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.pie-item[data-v-03039861]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--text-primary)}.pie-color[data-v-03039861]{width:16px;height:16px;border-radius:50%}.pie-color.available[data-v-03039861]{background-color:var(--success)}.pie-color.sold[data-v-03039861]{background-color:var(--warning)}.pie-color.new[data-v-03039861]{background-color:var(--info)}.pie-color.used[data-v-03039861]{background-color:var(--secondary)}.pie-visual[data-v-03039861]{width:120px;height:120px;border-radius:50%;margin:0 auto}.pie-segment.available[data-v-03039861]{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--success) 0deg calc(var(--percentage) * 3.6deg),var(--warning) calc(var(--percentage) * 3.6deg) 360deg)}.pie-segment.new[data-v-03039861]{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--info) 0deg calc(var(--percentage) * 3.6deg),var(--secondary) calc(var(--percentage) * 3.6deg) 360deg)}.pie-visual[data-v-03039861]{position:relative;cursor:pointer}.pie-tooltip[data-v-03039861]{position:absolute;background-color:#000000d9;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:12px;pointer-events:none;z-index:100;white-space:nowrap;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-md)}.pie-tooltip strong[data-v-03039861]{font-weight:600}.pie-tooltip span[data-v-03039861]{color:#fffc}.chart-card-wide[data-v-03039861]{grid-column:1 / -1}.grouped-bar-chart[data-v-03039861]{position:relative;padding:var(--spacing-sm) 0}.bars-container[data-v-03039861]{display:flex;align-items:flex-end;gap:var(--spacing-sm);height:280px;overflow-x:auto;padding:0 var(--spacing-sm);width:100%}.brand-group[data-v-03039861]{display:flex;flex-direction:column;align-items:center;min-width:40px;height:100%;justify-content:flex-end}.stacked-bar[data-v-03039861]{width:100%;max-width:80px;height:100%;display:flex;flex-direction:column-reverse;border-radius:6px 6px 0 0;overflow:hidden}.model-segment[data-v-03039861]{width:100%;min-height:6px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 -1px 3px #0000001a}.model-segment[data-v-03039861]:hover{filter:brightness(1.25);transform:scaleX(1.05)}.model-segment[data-v-03039861]:last-child{border-radius:6px 6px 0 0}.brand-label[data-v-03039861]{display:flex;flex-direction:column;align-items:center;padding-top:var(--spacing-sm);width:100%}.brand-name[data-v-03039861]{font-size:12px;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.brand-total[data-v-03039861]{font-size:14px;color:var(--text-secondary);font-weight:600}.chart-tooltip[data-v-03039861]{position:absolute;background-color:var(--bg-dark);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:12px;pointer-events:none;transform:translate(-50%,-100%);z-index:100;white-space:nowrap;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px}.chart-tooltip[data-v-03039861]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-dark)}.chart-tooltip strong[data-v-03039861]{font-weight:600}.chart-tooltip span[data-v-03039861]{font-size:11px;opacity:.9}.loading-overlay[data-v-03039861]{position:absolute;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading-content[data-v-03039861]{text-align:center}.loading-content p[data-v-03039861]{margin-top:var(--spacing-md);color:var(--text-secondary)}.sales-chart[data-v-03039861]{position:relative;padding:var(--spacing-md) 0}.sales-bar-chart[data-v-03039861]{display:flex;align-items:flex-end;gap:var(--spacing-sm);height:300px;overflow-x:auto;padding:0 var(--spacing-sm);width:100%}.sales-bar-item[data-v-03039861]{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px;height:100%;justify-content:flex-end}.sales-bar-label[data-v-03039861]{font-size:12px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sales-bar-container[data-v-03039861]{width:100%;max-width:80px;height:calc(100% - 30px);display:flex;align-items:flex-end;position:relative}.sales-bar-fill[data-v-03039861]{width:100%;background:linear-gradient(180deg,var(--warning) 0%,#f59e0b 100%);border-radius:6px 6px 0 0;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #f59e0b4d;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--spacing-xs)}.sales-bar-fill[data-v-03039861]:hover{filter:brightness(1.15);transform:scaleX(1.05);box-shadow:0 4px 12px #f59e0b80}.sales-bar-value[data-v-03039861]{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.sales-tooltip[data-v-03039861]{position:absolute;background-color:var(--bg-dark);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:12px;pointer-events:none;transform:translate(-50%,-100%);z-index:100;white-space:nowrap;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px}.sales-tooltip[data-v-03039861]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-dark)}.sales-tooltip strong[data-v-03039861]{font-weight:600}.sales-tooltip span[data-v-03039861]{font-size:11px;opacity:.9}@media(max-width:1200px){.stats-grid[data-v-03039861],.charts-grid[data-v-03039861]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-header[data-v-03039861]{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.stats-grid[data-v-03039861]{grid-template-columns:repeat(2,1fr)}.charts-grid[data-v-03039861]{grid-template-columns:1fr}.bar-label[data-v-03039861]{min-width:80px;font-size:12px}}@media(max-width:480px){.stats-grid[data-v-03039861]{grid-template-columns:1fr}.stat-card[data-v-03039861]{padding:var(--spacing-md)}.stat-icon[data-v-03039861]{width:50px;height:50px}.stat-content h3[data-v-03039861]{font-size:24px}}.search-page[data-v-ff3eedab]{position:relative}.search-header[data-v-ff3eedab]{margin-bottom:var(--spacing-lg)}.search-bar[data-v-ff3eedab]{display:flex;gap:var(--spacing-md);align-items:center}.search-input-container[data-v-ff3eedab]{flex:1;position:relative;display:flex;align-items:center}.search-icon[data-v-ff3eedab]{position:absolute;left:var(--spacing-md);color:var(--text-secondary);z-index:1}.search-input[data-v-ff3eedab]{width:100%;padding:var(--spacing-md) var(--spacing-2xl) var(--spacing-md) 48px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;background-color:var(--bg-secondary);transition:var(--transition)}.search-input[data-v-ff3eedab]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1565c01a}.clear-btn[data-v-ff3eedab]{position:absolute;right:var(--spacing-md);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:var(--transition)}.clear-btn[data-v-ff3eedab]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.filter-toggle[data-v-ff3eedab]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:500}.filter-toggle[data-v-ff3eedab]:hover,.filter-toggle.active[data-v-ff3eedab]{border-color:var(--primary);color:var(--primary);background-color:#1565c00d}.filters-panel[data-v-ff3eedab]{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.filters-grid[data-v-ff3eedab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.filter-group[data-v-ff3eedab]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label[data-v-ff3eedab]{font-size:14px;font-weight:500;color:var(--text-primary)}.filters-actions[data-v-ff3eedab]{display:flex;justify-content:flex-end}.search-results[data-v-ff3eedab]{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg)}.results-header[data-v-ff3eedab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.results-header h3[data-v-ff3eedab]{font-size:18px;font-weight:600;color:var(--text-primary)}.header-actions[data-v-ff3eedab]{display:flex;align-items:center;gap:var(--spacing-md)}.export-btn[data-v-ff3eedab]{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.export-btn[data-v-ff3eedab]:disabled{opacity:.6;cursor:not-allowed}.view-toggle[data-v-ff3eedab]{display:flex;gap:var(--spacing-xs)}.view-btn[data-v-ff3eedab]{padding:var(--spacing-xs);border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.view-btn[data-v-ff3eedab]:first-child{border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)}.view-btn[data-v-ff3eedab]:last-child{border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.view-btn.active[data-v-ff3eedab]{background-color:var(--primary);color:var(--text-white);border-color:var(--primary)}.loading-state[data-v-ff3eedab],.empty-state[data-v-ff3eedab]{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state svg[data-v-ff3eedab]{color:var(--text-light);margin-bottom:var(--spacing-md)}.empty-state h3[data-v-ff3eedab]{font-size:18px;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.results-container[data-v-ff3eedab]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.results-container.list-view[data-v-ff3eedab]{grid-template-columns:1fr}.vehicle-card[data-v-ff3eedab]{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);background-color:var(--bg-secondary);display:flex;flex-direction:column}.vehicle-card[data-v-ff3eedab]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vehicle-card.list-item[data-v-ff3eedab]{flex-direction:row;gap:var(--spacing-lg);align-items:flex-start;padding:var(--spacing-lg)}.vehicle-image[data-v-ff3eedab]{display:flex;align-items:center;justify-content:center;width:100%;height:200px;background-color:var(--bg-primary);border-radius:var(--border-radius);color:var(--text-light);flex-shrink:0;overflow:hidden;margin-bottom:var(--spacing-md);cursor:pointer;position:relative;transition:var(--transition)}.vehicle-image[data-v-ff3eedab]:hover{opacity:.9}.vehicle-image .image-count[data-v-ff3eedab]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:#000000b3;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:12px;display:flex;align-items:center;gap:4px}.vehicle-image img[data-v-ff3eedab]{width:100%;height:100%;object-fit:cover;display:block}.vehicle-image .no-image[data-v-ff3eedab]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.vehicle-card.list-item .vehicle-image[data-v-ff3eedab]{width:150px;height:100px;margin-bottom:0}.vehicle-info[data-v-ff3eedab]{flex:1;padding:var(--spacing-lg)}.vehicle-card.list-item .vehicle-info[data-v-ff3eedab]{padding:0}.vehicle-header[data-v-ff3eedab]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.vehicle-title[data-v-ff3eedab]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.vehicle-status[data-v-ff3eedab]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:12px;font-weight:600;background-color:var(--success-light);color:var(--success)}.vehicle-status.sold[data-v-ff3eedab]{background-color:var(--warning-light);color:var(--warning)}.vehicle-details[data-v-ff3eedab]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.list-view .vehicle-details[data-v-ff3eedab]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item[data-v-ff3eedab]{display:flex;flex-direction:column;gap:2px}.detail-label[data-v-ff3eedab]{font-size:12px;color:var(--text-secondary);font-weight:500}.detail-value[data-v-ff3eedab]{font-size:14px;color:var(--text-primary);font-weight:500}.vehicle-observations[data-v-ff3eedab]{padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.vehicle-observations p[data-v-ff3eedab]{margin-top:var(--spacing-xs);font-size:14px;color:var(--text-primary);line-height:1.5}@media(max-width:1200px){.results-container[data-v-ff3eedab]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.search-bar[data-v-ff3eedab]{flex-direction:column;align-items:stretch}.results-header[data-v-ff3eedab]{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.results-container[data-v-ff3eedab]{grid-template-columns:1fr}.vehicle-card.list-item[data-v-ff3eedab]{flex-direction:column}.filters-grid[data-v-ff3eedab]{grid-template-columns:1fr}}.image-modal[data-v-ff3eedab]{position:fixed;inset:0;background-color:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal-content[data-v-ff3eedab]{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);max-width:1000px;width:100%;height:80vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.modal-close[data-v-ff3eedab]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:var(--transition)}.modal-close[data-v-ff3eedab]:hover{background-color:#000000b3}.carousel-container[data-v-ff3eedab]{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--bg-dark);flex:1;min-height:0;overflow:hidden}.carousel-image[data-v-ff3eedab]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}.carousel-image img[data-v-ff3eedab]{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center}.carousel-btn[data-v-ff3eedab]{position:absolute;background-color:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:var(--transition);z-index:10}.carousel-btn[data-v-ff3eedab]:hover:not(:disabled){background-color:#fff;transform:scale(1.1)}.carousel-btn[data-v-ff3eedab]:disabled{opacity:.3;cursor:not-allowed}.carousel-btn.prev[data-v-ff3eedab]{left:var(--spacing-md)}.carousel-btn.next[data-v-ff3eedab]{right:var(--spacing-md)}.carousel-info[data-v-ff3eedab]{padding:var(--spacing-xs) var(--spacing-md);text-align:center;border-top:1px solid var(--border-color);flex-shrink:0}.carousel-info h3[data-v-ff3eedab]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:0}.carousel-info p[data-v-ff3eedab]{color:var(--text-secondary);font-size:13px;margin:0}.carousel-thumbnails[data-v-ff3eedab]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);overflow-x:auto;background-color:var(--bg-tertiary);flex-shrink:0}.thumbnail[data-v-ff3eedab]{flex-shrink:0;width:80px;height:60px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition)}.thumbnail[data-v-ff3eedab]:hover{border-color:var(--primary)}.thumbnail.active[data-v-ff3eedab]{border-color:var(--primary);box-shadow:0 0 0 2px #1565c033}.thumbnail img[data-v-ff3eedab]{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.modal-content[data-v-ff3eedab]{height:70vh}.carousel-btn[data-v-ff3eedab]{width:40px;height:40px}.carousel-info h3[data-v-ff3eedab]{font-size:16px}.carousel-info p[data-v-ff3eedab]{font-size:12px}.thumbnail[data-v-ff3eedab]{width:60px;height:45px}}.layout[data-v-7970b7fa]{display:flex;min-height:100vh;background-color:var(--bg-primary);position:relative}.sidebar[data-v-7970b7fa]{width:240px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;transition:width .3s ease,transform .3s ease;z-index:1000;overflow:hidden}.sidebar.sidebar-collapsed[data-v-7970b7fa]{width:64px}.sidebar-header[data-v-7970b7fa]{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-header);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);position:relative;height:72px;box-sizing:border-box}.logo[data-v-7970b7fa]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary);transition:opacity .3s ease;flex:1}.logo-icon[data-v-7970b7fa]{display:flex;align-items:center;justify-content:center;color:var(--primary);width:100%;transition:opacity .3s ease}.logo-text[data-v-7970b7fa]{font-size:18px;font-weight:700;white-space:nowrap;color:var(--text-primary)}.logo-img[data-v-7970b7fa]{width:24px;height:24px;object-fit:contain}.sidebar-toggle[data-v-7970b7fa]{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);color:var(--primary);transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1}.sidebar-collapsed .sidebar-toggle[data-v-7970b7fa]{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.sidebar-collapsed .sidebar-header:hover .sidebar-toggle[data-v-7970b7fa]{opacity:1;pointer-events:auto}.sidebar-collapsed .sidebar-header:hover .logo-icon[data-v-7970b7fa]{opacity:0}.sidebar-toggle[data-v-7970b7fa]:hover{background-color:#1565c01a;color:var(--primary)}.sidebar-nav[data-v-7970b7fa]{flex:1;padding:0;overflow-y:auto}.nav-item[data-v-7970b7fa]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;transition:var(--transition);border-left:3px solid transparent;white-space:nowrap;position:relative}.sidebar-collapsed .nav-item[data-v-7970b7fa]{justify-content:center;padding:var(--spacing-md)}.sidebar-collapsed .nav-item span[data-v-7970b7fa]{display:none}.nav-item[data-v-7970b7fa]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active[data-v-7970b7fa]{background-color:#1565c01a;color:var(--primary);border-left-color:var(--primary)}.sidebar-footer[data-v-7970b7fa]{padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:stretch}.sidebar-collapsed .sidebar-footer[data-v-7970b7fa]{align-items:center}.user-info[data-v-7970b7fa]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);transition:var(--transition)}.sidebar-collapsed .user-info[data-v-7970b7fa]{justify-content:center}.user-avatar[data-v-7970b7fa]{width:40px;height:40px;border-radius:50%;background-color:var(--primary);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-details[data-v-7970b7fa]{flex:1;min-width:0;transition:opacity .2s ease}.sidebar-collapsed .user-details[data-v-7970b7fa]{display:none}.user-name[data-v-7970b7fa]{font-weight:500;font-size:16px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-7970b7fa]{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn[data-v-7970b7fa]{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:14px;white-space:nowrap}.sidebar-collapsed .logout-btn[data-v-7970b7fa]{justify-content:center;padding:var(--spacing-sm);width:auto;min-width:40px}.sidebar-collapsed .logout-btn span[data-v-7970b7fa]{display:none}.logout-btn[data-v-7970b7fa]:hover{background-color:var(--bg-tertiary);border-color:var(--primary);color:var(--text-primary)}.sidebar-overlay[data-v-7970b7fa]{position:fixed;inset:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active[data-v-7970b7fa]{opacity:1;visibility:visible}.main-content[data-v-7970b7fa]{flex:1;margin-left:240px;transition:margin-left .3s ease;display:flex;flex-direction:column}.main-content.sidebar-collapsed[data-v-7970b7fa]{margin-left:64px}.main-header[data-v-7970b7fa]{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);position:sticky;top:0;z-index:100;height:72px;box-sizing:border-box}.mobile-menu-btn[data-v-7970b7fa]{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:var(--transition);display:none}.mobile-menu-btn[data-v-7970b7fa]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.page-title[data-v-7970b7fa]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.content[data-v-7970b7fa]{flex:1;padding:var(--spacing-md);overflow-y:auto}@media(min-width:769px){.sidebar[data-v-7970b7fa]{position:fixed}}@media(max-width:768px){.sidebar-toggle[data-v-7970b7fa]{display:none}.sidebar[data-v-7970b7fa]{width:280px;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.sidebar-collapsed[data-v-7970b7fa]{width:280px}.sidebar-header[data-v-7970b7fa]{justify-content:center}.sidebar-overlay.active~.sidebar[data-v-7970b7fa],.sidebar[data-v-7970b7fa]:not(.sidebar-collapsed){transform:translate(-100%)}.mobile-menu-btn[data-v-7970b7fa]{display:block}.main-header[data-v-7970b7fa]{padding:var(--spacing-sm) 14px}.main-content[data-v-7970b7fa],.main-content.sidebar-collapsed[data-v-7970b7fa]{margin-left:0}.sidebar-overlay.active[data-v-7970b7fa]{opacity:1;visibility:visible}.content[data-v-7970b7fa]{padding:var(--spacing-md)}.page-title[data-v-7970b7fa]{font-size:18px}}@media(max-width:768px){.layout:has(.sidebar-overlay.active) .sidebar[data-v-7970b7fa]{transform:translate(0)}}@media(max-width:480px){.sidebar[data-v-7970b7fa]{width:75vw}.content[data-v-7970b7fa]{padding:var(--spacing-sm)}.main-header[data-v-7970b7fa]{padding:var(--spacing-sm) var(--spacing-sm)}.page-title[data-v-7970b7fa]{font-size:18px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}#app{min-height:100vh}:root{--primary: #1565C0;--primary-light: #42A5F5;--primary-dark: #0D47A1;--secondary: #FF7043;--secondary-light: #FFAB91;--secondary-dark: #D84315;--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--bg-tertiary: #F5F5F5;--bg-dark: #212121;--bg-header: #eceff8;--text-primary: #212121;--text-secondary: #757575;--text-light: #BDBDBD;--text-white: #FFFFFF;--success: #4CAF50;--success-light: #C8E6C9;--warning: #FF9800;--warning-light: #FFE0B2;--error: #F44336;--error-light: #FFCDD2;--info: #2196F3;--info-light: #BBDEFB;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-color: #E0E0E0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition: all .3s ease;--transition-fast: all .15s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);gap:var(--spacing-xs)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--text-white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--primary)}.btn-success{background-color:var(--success);color:var(--text-white)}.btn-success:hover:not(:disabled){background-color:#45a049}.btn-danger{background-color:var(--error);color:var(--text-white)}.btn-danger:hover:not(:disabled){background-color:#d32f2f}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:16px}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:18px;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:14px;color:var(--text-secondary);margin-top:var(--spacing-xs)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;transition:var(--transition);background-color:var(--bg-secondary)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1565c01a}.form-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;background-color:var(--bg-secondary);cursor:pointer}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1565c01a}.alert{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.alert-success{background-color:var(--success-light);color:var(--success);border:1px solid var(--success)}.alert-warning{background-color:var(--warning-light);color:var(--warning);border:1px solid var(--warning)}.alert-error{background-color:var(--error-light);color:var(--error);border:1px solid var(--error)}.alert-info{background-color:var(--info-light);color:var(--info);border:1px solid var(--info)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.card{padding:var(--spacing-md)}}@media(max-width:480px){.grid-cols-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-bold{font-weight:600}.font-semibold{font-weight:500}.m-0{margin:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}