.app-footer[data-v-b84e8c98]{width:100%;padding:16px 20px;font-size:12px;background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--brand-primary-50) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);border-top:1px solid var(--brand-primary-100);box-shadow:0 -4px 20px #7c3aed14}.fixed-footer[data-v-b84e8c98]{position:fixed;bottom:0;left:0;right:0;z-index:100}.brand[data-v-b84e8c98]{color:var(--brand-primary);font-weight:600}.footer-inner[data-v-b84e8c98]{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}.footer-logo[data-v-b84e8c98]{height:28px;width:auto;display:block;opacity:.9;filter:drop-shadow(0 2px 4px rgba(139,92,246,.1));transition:all .3s ease}.footer-logo[data-v-b84e8c98]:hover{opacity:1;transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(139,92,246,.15))}.footer-copy[data-v-b84e8c98]{line-height:1.4}@media (max-width: 768px){.app-footer[data-v-b84e8c98]{padding:8px 16px}.footer-logo[data-v-b84e8c98]{height:20px}}.modern-sidebar[data-v-510867d0]{display:flex;flex-direction:column;gap:8px;padding:16px 12px 20px;flex:1;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,var(--brand-primary-50) 0%,var(--bg-secondary) 25%,var(--brand-primary-100) 50%,var(--bg-secondary) 75%,var(--brand-primary-50) 100%);background-size:400% 400%;animation:gradientShift 20s ease infinite;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-right:1px solid var(--brand-primary-100);box-shadow:0 8px 32px #7c3aed1f;min-height:0}.nav-section[data-v-510867d0]{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.section-header[data-v-510867d0]{padding:8px 12px 4px;margin-bottom:4px}.section-title[data-v-510867d0]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#8b5cf6cc;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-item[data-v-510867d0]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary);border:1px solid rgba(255,255,255,.2);position:relative;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-item[data-v-510867d0]:hover{background:linear-gradient(135deg,#fffffff2,#faf5ffe6);border-color:#8b5cf64d;transform:translate(4px) translateY(-1px);box-shadow:0 8px 25px #8b5cf626;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-item.active[data-v-510867d0]{background:linear-gradient(135deg,#fffffffa,#f3e8fff2);border-color:#8b5cf666;color:var(--brand-primary);box-shadow:0 12px 32px #8b5cf640;transform:translate(6px) translateY(-2px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-item.active[data-v-510867d0]:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,var(--brand-primary),var(--brand-primary-light));border-radius:0 4px 4px 0;box-shadow:0 4px 12px #8b5cf666}.dropdown-item[data-v-510867d0]{justify-content:space-between}.nav-content[data-v-510867d0]{display:flex;align-items:center;gap:12px;flex:1}.dropdown-arrow[data-v-510867d0]{transition:transform .2s ease;color:var(--text-secondary)}.dropdown-arrow.open[data-v-510867d0]{transform:rotate(180deg)}.dropdown-content[data-v-510867d0]{margin-left:12px;padding-left:16px;border-left:2px solid var(--brand-primary-100);background:linear-gradient(135deg,#fff9,#faf5ff66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0 12px 12px 0;margin-top:6px;padding-top:12px;padding-bottom:12px;box-shadow:inset 0 2px 8px #7c3aed1a}.sub-item[data-v-510867d0]{padding:8px 12px;margin:2px 0}.sub-item .nav-icon[data-v-510867d0]{width:16px;height:16px}.nav-icon[data-v-510867d0]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:currentColor;flex-shrink:0}.nav-label[data-v-510867d0]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger-section[data-v-510867d0]{border-bottom:1px solid var(--brand-primary-100);background:linear-gradient(135deg,#ffffff1a,#faf5ff0d);border-radius:12px;padding:12px;margin:-4px -4px 16px}.hamburger-item[data-v-510867d0]{justify-content:center}.modern-sidebar.collapsed[data-v-510867d0]{width:80px}.modern-sidebar.collapsed .nav-item[data-v-510867d0]{justify-content:center;padding:12px}.modern-sidebar.collapsed .dropdown-content[data-v-510867d0]{display:none}@media (max-width: 768px){.modern-sidebar[data-v-510867d0]{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.modern-sidebar.open[data-v-510867d0]{transform:translate(0)}}.nav-item[data-v-510867d0]:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (prefers-contrast: high){.nav-item[data-v-510867d0]{border-width:2px}.nav-item.active[data-v-510867d0]{border-color:var(--brand-primary)}}@media (prefers-reduced-motion: reduce){.nav-item[data-v-510867d0],.dropdown-arrow[data-v-510867d0]{transition:none}}.modern-app[data-v-03925d16]{font-family:var(--font-family);background:transparent!important}.modern-header[data-v-03925d16]{background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--brand-primary-50) 60%,var(--bg-elevated) 100%)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--brand-primary-100)!important;box-shadow:0 4px 20px #7c3aed14!important;z-index:1000!important}.header-content[data-v-03925d16]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--spacing-lg);height:100%}.header-left[data-v-03925d16]{display:flex;align-items:center;gap:var(--spacing-md)}.header-right[data-v-03925d16]{display:flex;align-items:center;gap:var(--spacing-sm)}.brand-section[data-v-03925d16]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--brand-primary-50) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--brand-primary-100);box-shadow:0 4px 12px #7c3aed1f;transition:all .3s ease}.brand-section[data-v-03925d16]:hover{background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--brand-primary-100) 100%);box-shadow:0 6px 16px #7c3aed29;border-color:var(--brand-primary-200);transform:translateY(-1px)}.brand-logo[data-v-03925d16]{height:48px;width:auto;max-width:180px;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.brand-logo[data-v-03925d16]:hover{transform:scale(1.08);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.menu-btn[data-v-03925d16]{color:var(--text-secondary)!important;margin-right:16px}.nav-btn[data-v-03925d16]{color:var(--text-secondary)!important;font-weight:500;text-transform:none;border-radius:var(--radius)!important;transition:all .2s ease}.nav-btn[data-v-03925d16]:hover{background:var(--brand-primary-50)!important;color:var(--brand-primary)!important}.nav-btn-text[data-v-03925d16]{font-size:.875rem}.profile-btn[data-v-03925d16]{background:var(--brand-primary)!important;color:var(--white)!important;border:none;border-radius:var(--radius-lg)!important;padding:8px 16px;font-weight:500;text-transform:none;box-shadow:var(--shadow-sm);transition:all .2s ease;min-width:auto}.profile-btn[data-v-03925d16]:hover{background:var(--brand-primary-light)!important;box-shadow:var(--shadow-brand);transform:translateY(-1px)}.profile-text[data-v-03925d16]{font-size:.875rem;font-weight:500}.profile-menu[data-v-03925d16]{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-light)}.menu-item[data-v-03925d16]:hover{background:var(--brand-primary-50)!important;color:var(--brand-primary)!important}.modern-sidebar[data-v-03925d16]{background:linear-gradient(135deg,var(--brand-primary-50) 0%,var(--bg-secondary) 25%,var(--brand-primary-100) 50%,var(--bg-secondary) 75%,var(--brand-primary-50) 100%)!important;background-size:400% 400%!important;animation:gradientShift 20s ease infinite!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-right:1px solid var(--brand-primary-100)!important;box-shadow:0 8px 40px #7c3aed26!important;overflow:hidden!important;transition:width .3s cubic-bezier(.4,0,.2,1)!important}.modern-main[data-v-03925d16]{background:transparent!important;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-container[data-v-03925d16]{height:100%;display:flex;flex-direction:column}.content-area[data-v-03925d16]{flex:1;padding:var(--spacing-xl);max-width:100%;overflow-x:hidden}.kiosk-mode .content-area[data-v-03925d16]{padding:0}@media (max-width: 768px){.content-area[data-v-03925d16]{padding:var(--spacing-lg)}.header-content[data-v-03925d16]{padding:0 var(--spacing-md)}.profile-text[data-v-03925d16],.nav-btn-text[data-v-03925d16]{display:none}.app-title[data-v-03925d16]{font-size:1.1rem}}@media (max-width: 1024px){.content-area[data-v-03925d16]{padding:var(--spacing-lg)}}:root{--brand-primary: #7c3aed;--brand-primary-light: #a855f7;--brand-primary-dark: #6d28d9;--brand-primary-50: #faf5ff;--brand-primary-100: #f3e8ff;--brand-primary-200: #e9d5ff;--brand-primary-300: #d8b4fe;--brand-primary-400: #c084fc;--brand-primary-500: #a855f7;--brand-primary-600: #9333ea;--brand-primary-700: #7c3aed;--brand-primary-800: #6d28d9;--brand-primary-900: #581c87;--brand-accent: #06b6d4;--brand-accent-light: #22d3ee;--brand-accent-dark: #0891b2;--success: #10b981;--success-light: #34d399;--success-bg: #ecfdf5;--success-border: #a7f3d0;--error: #ef4444;--error-light: #f87171;--error-bg: #fef2f2;--error-border: #fecaca;--warning: #f59e0b;--warning-light: #fbbf24;--warning-bg: #fffbeb;--warning-border: #fed7aa;--info: #3b82f6;--info-light: #60a5fa;--info-bg: #eff6ff;--info-border: #bfdbfe;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-brand: var(--brand-primary-50);--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--bg-overlay: rgba(124, 58, 237, .08);--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: rgba(250, 251, 252, .9);--bg-surface: rgba(255, 255, 255, .95);--bg-surface-variant: rgba(248, 250, 252, .9);--text-primary: var(--gray-700);--text-secondary: var(--gray-500);--text-muted: var(--gray-400);--text-brand: var(--brand-primary-700);--border-light: var(--gray-200);--border-medium: var(--gray-300);--border-strong: #94a3b8;--border-brand: var(--brand-primary-200);--border-accent: var(--brand-accent);--border-focus: var(--brand-primary-400);--border-hover: var(--border-medium);--border-active: var(--brand-primary-500);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-brand: 0 4px 14px 0 rgba(139, 92, 246, .12);--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(250, 245, 255, .9) 100%);--gradient-card-hover: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(168, 139, 250, .06) 100%);--gradient-filters: linear-gradient(135deg, rgba(243, 240, 255, .9) 0%, rgba(250, 245, 255, .85) 100%);--gradient-table-header: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(168, 139, 250, .06) 100%);--gradient-table-row: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(250, 245, 255, .85) 100%);--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(12px);--backdrop-blur-xl: blur(16px);--radius-sm: 6px;--radius-md: 8px;--radius-2xl: 20px;--radius-full: 50%;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--shadow-accent: 0 4px 14px 0 rgba(6, 182, 212, .12);--shadow-hover: 0 8px 25px -8px rgba(0, 0, 0, .12);--shadow-focus: 0 0 0 3px rgba(139, 92, 246, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;line-height:1.5;font-weight:400;min-height:100vh}h1,.text-h1{font-size:32px;font-weight:700;line-height:1.3;color:var(--text-primary);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm)}h2,.text-h2{font-size:24px;font-weight:600;line-height:1.3;color:var(--text-primary);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm)}h3,.text-h3{font-size:20px;font-weight:600;line-height:1.3;color:var(--text-primary);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm)}h4,.text-h4{font-size:18px;font-weight:500;line-height:1.3;color:var(--text-primary)}h5,.text-h5{font-size:16px;font-weight:500;line-height:1.3;color:var(--text-primary)}h6,.text-h6{font-size:14px;font-weight:500;line-height:1.3;color:var(--text-primary)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text-secondary)}.text-brand{color:var(--text-brand)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.boxed-section{background:var(--bg-elevated);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.boxed-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#8b5cf633}.kpi-card{background:var(--bg-elevated);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:#8b5cf64d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-primary{background:var(--brand-primary);color:#fff;border:1px solid var(--brand-primary)}.btn-primary:hover{background:var(--brand-primary-light)}.btn-primary:active{background:var(--brand-primary-dark)}.gradient-title{background:linear-gradient(90deg,var(--brand-primary-700),var(--brand-primary-500, #a855f7));-webkit-background-clip:text;background-clip:text;color:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent}*::-webkit-scrollbar{width:3px;height:3px}*::-webkit-scrollbar-track{background:transparent;border-radius:2px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf666,#a88bfa4d);border-radius:2px;transition:all .3s ease}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf699,#a88bfa80);box-shadow:0 0 8px #8b5cf64d}*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#8b5cf6cc,#a88bfab3)}*::-webkit-scrollbar-corner{background:transparent}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf680,#a88bfa66);border-radius:2px;box-shadow:0 2px 8px #8b5cf633}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6b3,#a88bfa99);box-shadow:0 4px 12px #8b5cf64d}.modern-sidebar::-webkit-scrollbar{width:2px}.modern-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf666,#a88bfa4d);border-radius:1px}.modern-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf699,#a88bfa80)}.dropdown-content::-webkit-scrollbar,.v-menu .v-list::-webkit-scrollbar,.v-select__content::-webkit-scrollbar{width:2px;height:2px}.dropdown-content::-webkit-scrollbar-thumb,.v-menu .v-list::-webkit-scrollbar-thumb,.v-select__content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:1px}.dropdown-content::-webkit-scrollbar-thumb:hover,.v-menu .v-list::-webkit-scrollbar-thumb:hover,.v-select__content::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.v-table::-webkit-scrollbar,.table-container::-webkit-scrollbar,.modern-table::-webkit-scrollbar{width:3px;height:3px}.v-table::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb,.modern-table::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#8b5cf666,#a88bfa4d);border-radius:2px}.v-table::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover,.modern-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#8b5cf699,#a88bfa80)}.v-dialog::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.modern-modal::-webkit-scrollbar{width:3px}.v-dialog::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.modern-modal::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:2px}.v-dialog::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover,.modern-modal::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.v-card::-webkit-scrollbar,.content-area::-webkit-scrollbar,.page-content::-webkit-scrollbar{width:3px;height:3px}.v-card::-webkit-scrollbar-thumb,.content-area::-webkit-scrollbar-thumb,.page-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.v-card::-webkit-scrollbar-thumb:hover,.content-area::-webkit-scrollbar-thumb:hover,.page-content::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.modern-sidebar{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.4) transparent}.dropdown-content,.v-menu .v-list,.v-select__content{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-ultra-thin::-webkit-scrollbar{width:1px;height:1px}.scrollbar-ultra-thin::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:1px}.scrollbar-ultra-thin::-webkit-scrollbar-thumb:hover{background:#8b5cf666}.scrollbar-premium::-webkit-scrollbar{width:5px;height:5px}.scrollbar-premium::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf699,#a88bfa80);border-radius:3px;box-shadow:0 2px 8px #8b5cf633}.scrollbar-premium::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6cc,#a88bfab3);box-shadow:0 4px 12px #8b5cf64d}.glass-card{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-surface{background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.brand-gradient{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-light))}.brand-gradient-text{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.purple-glow{box-shadow:0 0 20px #8b5cf626}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.report-section{background:linear-gradient(135deg,#fffffff2,#faf5ffe6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 16px #8b5cf614}.report-card{background:linear-gradient(135deg,#ffffffe6,#f8f5ffd9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.report-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf61f;border-color:#8b5cf633}.report-header{background:linear-gradient(135deg,#8b5cf60d,#a88bfa08);border-bottom:1px solid rgba(139,92,246,.1);padding:var(--spacing-md);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.report-content{background:#ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:var(--spacing-lg)}.chart-container{background:linear-gradient(135deg,#fffffff2,#faf5ffe6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 12px #8b5cf60f}.stat-card{background:linear-gradient(135deg,#fffffff2,#f8f5ffe6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.4) 50%,transparent 100%)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #8b5cf626;border-color:#8b5cf640}.data-table{background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-lg);overflow:hidden}.data-table thead{background:linear-gradient(135deg,#8b5cf61a,#a88bfa14)}.data-table tbody tr:hover{background:#8b5cf60a}.modern-page{padding:28px;background:transparent;min-height:100vh}.modern-page-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.modern-card-base{background:var(--gradient-card);backdrop-filter:var(--backdrop-blur-lg);-webkit-backdrop-filter:var(--backdrop-blur-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(139,92,246,.1);transition:var(--transition-normal)}.modern-card-base:hover{transform:translateY(-2px);box-shadow:var(--shadow-brand);border-color:#8b5cf626}@media (max-width: 768px){.modern-page{padding:16px}.modern-page-container{gap:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;min-height:36px}.btn.primary{background:var(--brand-primary);color:var(--white);border:1px solid var(--brand-primary);box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--brand-primary-light);border-color:var(--brand-primary-light);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn.primary:active{background:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(0)}.btn.secondary{background:var(--white);color:var(--text-primary);border:1px solid var(--border-medium)}.btn.secondary:hover{background:var(--gray-50);border-color:var(--brand-primary-300);color:var(--brand-primary)}.btn:disabled{background:var(--gray-300);color:var(--gray-500);border-color:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius)}.btn-sm{padding:6px 12px;font-size:12px;min-height:28px}.btn-lg{padding:14px 20px;font-size:16px;min-height:44px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius);font-size:14px;background:var(--white);color:var(--text-primary);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-200)}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-2);color:var(--text-primary)}.form-group{margin-bottom:var(--space-4)}.form-select{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius);font-size:14px;background:var(--white);color:var(--text-primary);transition:all .2s ease;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalFadeIn .3s ease-out}.table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table th{background:var(--gray-50);padding:var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.table td{padding:var(--space-4);border-bottom:1px solid var(--border-light)}.table tbody tr:hover{background:var(--gray-50)}.status-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.status-chip.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-chip.error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.status-chip.warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.status-chip.info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns: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)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.v-navigation-drawer.modern-sidebar{background:var(--bg-elevated)!important;border-right:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important}.v-navigation-drawer.modern-sidebar .modern-sidebar{gap:var(--space-2)!important;padding:var(--space-4) var(--space-3) var(--space-5)!important;background:var(--bg-elevated)!important}.v-navigation-drawer.modern-sidebar .section-title{color:var(--text-muted)!important}.v-navigation-drawer.modern-sidebar .nav-item{color:var(--text-secondary)!important;border-radius:var(--radius)!important}.v-navigation-drawer.modern-sidebar .nav-item:hover{background:var(--brand-primary-50)!important;color:var(--brand-primary)!important}.v-navigation-drawer.modern-sidebar .nav-item.active{background:var(--brand-primary)!important;color:#fff!important}.modern-header{background:var(--bg-glass)!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important}.modern-main .content-area{padding:var(--spacing-xl)}@media (max-width: 768px){.modern-main .content-area{padding:var(--spacing-lg)}}:root{--brand-primary: #7c3aed;--brand-primary-50: #faf5ff;--brand-primary-100: #f3e8ff;--brand-primary-200: #e9d5ff;--brand-primary-300: #d8b4fe;--brand-primary-400: #c084fc;--brand-primary-500: #a855f7;--brand-primary-600: #9333ea;--brand-primary-700: #7c3aed;--brand-primary-800: #6d28d9;--brand-primary-900: #581c87;--white: #ffffff;--black: #000000;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--color-primary: var(--brand-primary);--color-primary-accent: var(--brand-primary-400);--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--error);--color-info: var(--info);--color-text: var(--gray-800);--color-text-light: var(--gray-600);--color-text-muted: var(--gray-500);--color-surface: var(--white);--color-surface-alt: var(--gray-50);--color-surface-elevated: var(--white);--color-border: var(--gray-200);--color-border-light: var(--gray-300);--color-border-brand: var(--brand-primary-200);--bg-elevated: var(--white);--bg-body: var(--gray-50);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-elev-1: 0 2px 8px rgba(0, 0, 0, .06);--shadow-elev-2: 0 4px 16px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}:root.theme-dark{--color-text: var(--gray-200);--color-text-light: var(--gray-400);--color-text-muted: var(--gray-500);--color-surface: var(--gray-800);--color-surface-alt: var(--gray-900);--color-surface-elevated: var(--gray-700);--color-border: var(--gray-700);--color-border-light: var(--gray-600);--bg-elevated: var(--gray-800);--bg-body: var(--gray-900)}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:18px;margin-bottom:6px;background:var(--brand-primary-50);border-left:4px solid var(--brand-primary);border-radius:12px;padding:20px 24px;box-shadow:var(--shadow-sm);z-index:auto;max-height:320px;overflow-y:auto}.filters:hover{box-shadow:var(--shadow-md)}.filters-panel{background:var(--color-surface);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:14px;box-shadow:var(--shadow-elev-1);transition:background .25s,border-color .25s,color .25s}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:0;align-self:stretch}.filter-label{font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:2px}.filter-group>label{font-weight:500;font-size:14px;color:var(--color-text);margin-bottom:6px}.filter-select{padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);font-size:.75rem;color:var(--color-text);transition:background .25s,color .25s,border-color .25s;cursor:pointer}.filter-select:focus{outline:2px solid var(--color-primary-accent);background:var(--color-surface);border-color:var(--color-primary)}.filter-select:hover{border-color:var(--color-border-light);background:var(--color-surface)}.dropdown-btn{width:100%;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--white);color:var(--color-text);text-align:left;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-normal);height:36px;overflow:hidden}.dropdown-btn:hover{border-color:var(--color-primary);background:var(--color-surface-alt);box-shadow:var(--shadow-sm)}.dropdown-btn:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--brand-primary-200)}.dropdown-arrow{width:16px;height:16px;transition:transform var(--transition-normal);color:var(--color-text-muted)}.dropdown-btn.open .dropdown-arrow{transform:rotate(180deg)}.custom-multiselect{position:relative;min-width:180px}.custom-multiselect.open .dropdown-btn{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-200)}.dropdown-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:260px;overflow-y:auto;padding:8px 0;animation:dropdown-enter .16s ease-out both;z-index:1000}.filters-card .dropdown-list{position:static;top:auto;right:auto;width:100%;margin-top:8px;z-index:auto}.dropdown-item{display:flex;align-items:center;padding:8px 16px;gap:10px;line-height:1.2;border-radius:var(--radius-md);margin:2px 8px;transition:all var(--transition-normal);cursor:pointer}.dropdown-item:hover{background:var(--brand-primary-50)}.dropdown-item input[type=checkbox]{margin:0;flex:0 0 auto;width:16px;height:16px;accent-color:var(--brand-primary);cursor:pointer}.dropdown-item label{margin:0;padding:6px 12px;border:1px solid var(--color-border-light);border-radius:20px;cursor:pointer;font-size:13px;transition:all var(--transition-normal);flex:1}.dropdown-item input[type=checkbox]:checked+label{background:var(--brand-primary-100);border-color:var(--brand-primary);color:var(--brand-primary);font-weight:500}.dropdown-actions{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border-brand);background:var(--brand-primary-50);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dropdown-actions button{background:var(--brand-primary-100);color:var(--brand-primary);border:none;border-radius:var(--radius-md);padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.dropdown-actions button:hover{background:var(--brand-primary-200);color:var(--brand-primary-700)}.dropdown-actions .search{width:100%;border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:8px 12px;font-size:14px;background:var(--white);color:var(--color-text);transition:all var(--transition-normal)}.dropdown-actions .search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--brand-primary-200)}.date-trigger{position:relative;height:36px}.search-input-wrap{position:relative;flex:1 1 380px;display:flex;align-items:center;background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:0 .5rem 0 .25rem;border:1px solid var(--color-border);transition:all var(--transition-normal)}.search-input-wrap:focus-within{box-shadow:0 0 0 2px var(--color-primary-accent);border-color:var(--color-primary)}.search-input-wrap input{border:none;background:transparent;padding:8px;font-size:14px;color:var(--color-text);outline:none;flex:1}.search-input-wrap input::placeholder{color:var(--color-text-muted)}.search-icon{width:16px;height:16px;color:var(--color-text-muted);margin-right:8px}.search-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:stretch}.primary-actions{display:flex;gap:.5rem}.inline-actions{display:flex;gap:.25rem}.results-container{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between}@media (max-width: 900px){.filters{grid-template-columns:1fr;gap:16px;padding:16px 20px}.custom-multiselect{min-width:100%}.search-input-wrap{flex:1 1 100%}}@media (max-width: 768px){.filters{padding:12px 16px;gap:12px}.dropdown-list{max-height:200px}.search-bar{flex-direction:column}}@media (max-width: 480px){.filters{padding:8px 12px;gap:8px}.filter-label{font-size:.6rem}.dropdown-btn{font-size:13px;padding:6px 10px;height:32px}}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}