:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-1: 4px;--radius-2: 8px;--radius-3: 12px;--radius-4: 16px;--radius-6: 24px;--color-primary: #4F46E5;--color-primary-light: #6366F1;--color-primary-dark: #3730A3;--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-500: #4F46E5;--color-primary-600: #4338CA;--color-primary-700: #3730A3;--color-secondary: #10B981;--color-secondary-light: #34D399;--color-secondary-dark: #047857;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-bg-card: #FFFFFF;--color-bg-hover: #F8FAFC;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-tertiary: #94A3B8;--color-text-inverse: #FFFFFF;--color-text-muted: #6B7280;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-border-dark: #CBD5E1;--color-border-focus: var(--color-primary);--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-dark: #065F46;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-dark: #92400E;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #991B1B;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-info-dark: #1E40AF;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--color-sidebar-bg: var(--color-bg-primary);--color-sidebar-border: var(--color-border);--color-sidebar-text: var(--color-text-primary);--color-sidebar-text-muted: var(--color-text-secondary);--color-sidebar-hover: var(--color-bg-hover);--color-sidebar-active: var(--color-primary-50);--color-header-bg: var(--color-bg-primary);--color-header-border: var(--color-border);--color-header-text: var(--color-text-primary);--color-card-bg: var(--color-bg-card);--color-card-border: var(--color-border);--color-card-shadow: rgba(0, 0, 0, .1);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: var(--color-text-inverse);--color-button-primary-hover: var(--color-primary-dark);--color-button-secondary-bg: var(--color-bg-secondary);--color-button-secondary-text: var(--color-text-primary);--color-button-secondary-hover: var(--color-gray-100);--color-button-secondary-border: var(--color-border);--color-input-bg: var(--color-bg-primary);--color-input-border: var(--color-border);--color-input-focus: var(--color-border-focus);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-tertiary);--sidebar-width: 256px;--sidebar-collapsed-width: 60px;--header-height: var(--space-16);--nav-item-height: var(--space-10)}[data-theme=dark]{--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-bg-card: #1E293B;--color-bg-hover: #334155;--color-bg-overlay: rgba(0, 0, 0, .8);--color-text-primary: #F8FAFC;--color-text-secondary: #CBD5E1;--color-text-tertiary: #94A3B8;--color-border: #334155;--color-border-light: #475569;--color-border-dark: #1E293B;--color-sidebar-bg: var(--color-bg-secondary);--color-sidebar-border: var(--color-border);--color-sidebar-hover: var(--color-bg-hover);--color-header-bg: var(--color-bg-primary);--color-header-border: var(--color-border);--color-card-bg: var(--color-bg-card);--color-card-border: var(--color-border);--color-card-shadow: rgba(0, 0, 0, .3);--color-button-secondary-bg: var(--color-bg-tertiary);--color-button-secondary-hover: #475569;--color-input-bg: var(--color-bg-tertiary);--color-input-border: var(--color-border)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}#app{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}p{color:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color);opacity:.8}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:.875em;font-weight:500;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color)}button:hover{opacity:.9;transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}input,select,textarea{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff1a}.card{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow);transition:all .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background-color:var(--accent-color);color:#fff}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #2d2d2d;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #404040;--accent-color: #4a9eff;--shadow: rgba(0, 0, 0, .3)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa}.button[data-v-5cc18e13]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:500;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-2);cursor:pointer;transition:all .15s ease;position:relative;white-space:nowrap;user-select:none;-webkit-user-select:none}.button[data-v-5cc18e13]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.button--xs[data-v-5cc18e13]{height:var(--space-7);padding:0 var(--space-3);font-size:.75rem;line-height:1rem}.button--sm[data-v-5cc18e13]{height:var(--space-8);padding:0 var(--space-4);font-size:.875rem;line-height:1.25rem}.button--md[data-v-5cc18e13]{height:var(--space-10);padding:0 var(--space-5);font-size:.875rem;line-height:1.25rem}.button--lg[data-v-5cc18e13]{height:44px;padding:0 var(--space-6);font-size:1rem;line-height:1.5rem}.button--xl[data-v-5cc18e13]{height:var(--space-12);padding:0 var(--space-8);font-size:1.125rem;line-height:1.75rem}.button--primary[data-v-5cc18e13]{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.button--primary[data-v-5cc18e13]:hover:not(.button--disabled):not(.button--loading){background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.button--primary[data-v-5cc18e13]:active{transform:translateY(1px)}.button--secondary[data-v-5cc18e13]{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border-color:var(--color-button-secondary-border)}.button--secondary[data-v-5cc18e13]:hover:not(.button--disabled):not(.button--loading){background-color:var(--color-button-secondary-hover)}.button--outline[data-v-5cc18e13]{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.button--outline[data-v-5cc18e13]:hover:not(.button--disabled):not(.button--loading){background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.button--ghost[data-v-5cc18e13]{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.button--ghost[data-v-5cc18e13]:hover:not(.button--disabled):not(.button--loading){background-color:var(--color-bg-hover)}.button--danger[data-v-5cc18e13]{background-color:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.button--danger[data-v-5cc18e13]:hover:not(.button--disabled):not(.button--loading){background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.button--success[data-v-5cc18e13]{background-color:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.button--success[data-v-5cc18e13]:hover:not(.button--disabled):not(.button--loading){background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.button--disabled[data-v-5cc18e13]{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading[data-v-5cc18e13]{cursor:wait;color:transparent}.button--block[data-v-5cc18e13]{width:100%}.button--icon-only[data-v-5cc18e13]{padding-left:var(--space-3);padding-right:var(--space-3);aspect-ratio:1}.button__icon[data-v-5cc18e13]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.button__content[data-v-5cc18e13]{display:flex;align-items:center}.button__loading[data-v-5cc18e13]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button__spinner[data-v-5cc18e13]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-5cc18e13 1s linear infinite}@keyframes spin-5cc18e13{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card[data-v-1b8790bd]{background-color:var(--color-card-bg);border-radius:var(--radius-3);transition:all .15s ease;overflow:hidden}.card--default[data-v-1b8790bd]{border:1px solid var(--color-card-border)}.card--bordered[data-v-1b8790bd]{border:2px solid var(--color-card-border)}.card--elevated[data-v-1b8790bd]{border:1px solid var(--color-card-border);box-shadow:0 4px 6px -1px var(--color-card-shadow),0 2px 4px -1px var(--color-card-shadow)}.card--flat[data-v-1b8790bd]{border:none;background-color:var(--color-bg-secondary)}.card--sm[data-v-1b8790bd]{--card-padding: var(--space-4);--card-header-padding: var(--space-4) var(--space-4) var(--space-2) var(--space-4);--card-footer-padding: var(--space-2) var(--space-4) var(--space-4) var(--space-4)}.card--md[data-v-1b8790bd]{--card-padding: var(--space-6);--card-header-padding: var(--space-6) var(--space-6) var(--space-4) var(--space-6);--card-footer-padding: var(--space-4) var(--space-6) var(--space-6) var(--space-6)}.card--lg[data-v-1b8790bd]{--card-padding: var(--space-8);--card-header-padding: var(--space-8) var(--space-8) var(--space-6) var(--space-8);--card-footer-padding: var(--space-6) var(--space-8) var(--space-8) var(--space-8)}.card--hoverable[data-v-1b8790bd]:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px var(--color-card-shadow),0 4px 6px -2px var(--color-card-shadow)}.card--clickable[data-v-1b8790bd]{cursor:pointer}.card--clickable[data-v-1b8790bd]:hover{transform:translateY(-1px);box-shadow:0 8px 20px -3px var(--color-card-shadow),0 4px 6px -2px var(--color-card-shadow)}.card--clickable[data-v-1b8790bd]:active{transform:translateY(0)}.card--status-success[data-v-1b8790bd]{border-left:4px solid var(--color-success)}.card--status-warning[data-v-1b8790bd]{border-left:4px solid var(--color-warning)}.card--status-error[data-v-1b8790bd]{border-left:4px solid var(--color-error)}.card--status-info[data-v-1b8790bd]{border-left:4px solid var(--color-info)}.card__header[data-v-1b8790bd]{display:flex;align-items:center;justify-content:space-between;padding:var(--card-header-padding);border-bottom:1px solid var(--color-border-light)}.card__title[data-v-1b8790bd]{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);line-height:1.5}.card__actions[data-v-1b8790bd]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card__content[data-v-1b8790bd]{padding:var(--card-padding);color:var(--color-text-primary);line-height:1.6}.card__footer[data-v-1b8790bd]{padding:var(--card-footer-padding);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.card__header[data-v-1b8790bd]:only-child,.card__content[data-v-1b8790bd]:first-child:last-child{border:none}.card__footer[data-v-1b8790bd]:only-child{border:none;background-color:transparent}.grid[data-v-2360b1bd]{display:grid;grid-template-columns:repeat(var(--grid-cols, 1),1fr)}@media (min-width: 640px){.grid[data-v-2360b1bd]{grid-template-columns:repeat(var(--grid-cols-sm, var(--grid-cols, 1)),1fr)}}@media (min-width: 768px){.grid[data-v-2360b1bd]{grid-template-columns:repeat(var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols, 1))),1fr)}}@media (min-width: 1024px){.grid[data-v-2360b1bd]{grid-template-columns:repeat(var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols, 1)))),1fr)}}@media (min-width: 1280px){.grid[data-v-2360b1bd]{grid-template-columns:repeat(var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols, 1))))),1fr)}}.grid--responsive-cards[data-v-2360b1bd]{--grid-cols: 1;--grid-cols-sm: 2;--grid-cols-lg: 3;--grid-cols-xl: 4}.grid--responsive-stats[data-v-2360b1bd]{--grid-cols: 1;--grid-cols-sm: 2;--grid-cols-md: 3;--grid-cols-lg: 4}.grid--responsive-gallery[data-v-2360b1bd]{--grid-cols: 1;--grid-cols-sm: 2;--grid-cols-md: 3;--grid-cols-lg: 4;--grid-cols-xl: 5}.grid--responsive-list[data-v-2360b1bd]{--grid-cols: 1;--grid-cols-md: 2}.grid--justify-start[data-v-2360b1bd]{justify-content:start}.grid--justify-end[data-v-2360b1bd]{justify-content:end}.grid--justify-center[data-v-2360b1bd]{justify-content:center}.grid--justify-space-around[data-v-2360b1bd]{justify-content:space-around}.grid--justify-space-between[data-v-2360b1bd]{justify-content:space-between}.grid--justify-space-evenly[data-v-2360b1bd]{justify-content:space-evenly}.grid--align-start[data-v-2360b1bd]{align-items:start}.grid--align-end[data-v-2360b1bd]{align-items:end}.grid--align-center[data-v-2360b1bd]{align-items:center}.page-header[data-v-8d6045c6]{background-color:var(--color-header-bg);border-bottom:1px solid transparent;transition:all .15s ease;min-height:var(--nav-item-height)}.page-header--sm[data-v-8d6045c6]{--header-padding-y: var(--space-3);--title-size: 1.25rem;--subtitle-size: .875rem}.page-header--md[data-v-8d6045c6]{--header-padding-y: var(--space-4);--title-size: 1.5rem;--subtitle-size: .875rem}.page-header--lg[data-v-8d6045c6]{--header-padding-y: var(--space-6);--title-size: 1.875rem;--subtitle-size: 1rem}.page-header--bordered[data-v-8d6045c6]{border-bottom-color:var(--color-header-border)}.page-header--sticky[data-v-8d6045c6]{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(var(--color-header-bg-rgb, 255, 255, 255),.95)}.page-header__content[data-v-8d6045c6]{display:flex;align-items:center;justify-content:space-between;padding:16px;min-height:var(--nav-item-height)}.page-header__main[data-v-8d6045c6]{flex:1;min-width:0}.page-header__title[data-v-8d6045c6]{margin:0;font-size:var(--title-size);font-weight:700;color:var(--color-text-primary);line-height:1.2;display:flex;align-items:center;min-height:calc(var(--nav-item-height) - 2 * var(--header-padding-y))}.page-header__subtitle[data-v-8d6045c6]{margin:var(--space-1) 0 0 0;font-size:var(--subtitle-size);color:var(--color-text-secondary);line-height:1.4}.page-header__actions[data-v-8d6045c6]{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:var(--space-4)}.page-header__tabs[data-v-8d6045c6]{border-top:1px solid var(--color-border-light);padding:var(--space-2) 0 0 0}@media (max-width: 768px){.page-header__content[data-v-8d6045c6]{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.page-header__actions[data-v-8d6045c6]{margin-left:0;width:100%;justify-content:flex-end}.page-header--sm .page-header__title[data-v-8d6045c6]{font-size:1.125rem}.page-header--md .page-header__title[data-v-8d6045c6]{font-size:1.25rem}.page-header--lg .page-header__title[data-v-8d6045c6]{font-size:1.5rem}}