.sb{position:relative;width:var(--sidebar-width, 256px);height:100vh;background:var(--gradient-sidebar, linear-gradient(180deg, #1a2744 0%, #0f172a 100%));color:#e1e8f0;display:flex;flex-direction:column;font-family:var(--font-sans);transition:width .2s ease;flex-shrink:0}.sb-collapsed{width:var(--sidebar-width-collapsed, 48px)}.sb-header{padding:8px;border-bottom:1px solid rgba(77,163,255,.12);flex-shrink:0}.sb-brand{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:8px;background:transparent;border:none;color:inherit;cursor:pointer;font-family:inherit;transition:background .2s}.sb-brand:hover{background:#4da3ff14}.sb-collapsed .sb-brand{justify-content:center;padding:6px}.sb-brand-icon{display:flex;align-items:center;justify-content:center;color:#4da3ff;flex-shrink:0}.sb-brand-text{display:flex;flex-direction:column;line-height:1.2;overflow:hidden}.sb-brand-name{font-size:15px;font-weight:600;background:linear-gradient(135deg,#4da3ff,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sb-brand-sub{font-size:11px;color:#94a3b8;letter-spacing:.3px;white-space:nowrap}.sb-content{flex:1;display:flex;flex-direction:column;gap:1px;padding:8px;overflow:hidden}.sb-content:hover{overflow-y:auto}.sb-content::-webkit-scrollbar{display:none}.sb-content{scrollbar-width:none}.sb-section-label{display:block;padding:8px 12px 6px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.sb-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;text-align:left}.sb-item:hover{background:#4da3ff1a;color:#e1e8f0}.sb-item-active{background:#1f4fd833;color:#4da3ff}.sb-item-active:hover{background:#1f4fd840;color:#4da3ff}.sb-item-disabled{opacity:.5;cursor:not-allowed}.sb-item-disabled:hover{background:transparent;color:#cbd5e1}.sb-collapsed .sb-item{justify-content:center;padding:8px}.sb-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:inherit}.sb-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sb-chevron{display:flex;align-items:center;margin-left:auto;transition:transform .2s ease;color:#94a3b8;flex-shrink:0}.sb-chevron-open{transform:rotate(90deg)}.sb-group{display:flex;flex-direction:column}.sb-subitems{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .25s ease-out;margin-left:14px;padding-left:12px;border-left:1px solid rgba(77,163,255,.15)}.sb-subitems-open{max-height:300px;padding-top:2px;padding-bottom:2px}.sb-subitem{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;color:#94a3b8;text-decoration:none;font-size:13px;font-weight:400;transition:background .15s,color .15s;white-space:nowrap}.sb-subitem:hover{background:#4da3ff14;color:#e1e8f0}.sb-subitem-active{color:#4da3ff;font-weight:500}.sb-subitem-active:hover{color:#4da3ff}.sb-subitem-dot{width:5px;height:5px;border-radius:50%;background:#475569;flex-shrink:0;transition:background .15s,transform .15s}.sb-subitem:hover .sb-subitem-dot{background:#94a3b8}.sb-subitem-active .sb-subitem-dot{background:#4da3ff;transform:scale(1.3)}.sb-subitem-label{overflow:hidden;text-overflow:ellipsis}.sb-separator{height:1px;background:#4da3ff1a;margin:8px 12px}.sb-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#4da3ff26;color:#4da3ff;padding:2px 6px;border-radius:4px;margin-left:auto;flex-shrink:0}.sb-footer{flex-shrink:0;padding:8px;border-top:1px solid rgba(77,163,255,.12)}.sb-user-wrapper{position:relative}.sb-user-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:8px;background:transparent;border:none;border-radius:8px;color:#e1e8f0;cursor:pointer;transition:background .15s;font-family:inherit;text-align:left}.sb-user-trigger:hover{background:#4da3ff14}.sb-collapsed .sb-user-trigger{justify-content:center;padding:6px}.sb-avatar{width:32px;height:32px;background:linear-gradient(135deg,#1f4fd8,#4da3ff);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;line-height:1}.sb-avatar-sm{width:28px;height:28px;font-size:10px}.sb-user-info{display:flex;flex-direction:column;overflow:hidden;flex:1;min-width:0}.sb-user-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sb-user-role{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sb-user-chevron{display:flex;align-items:center;color:#94a3b8;flex-shrink:0;margin-left:auto}.sb-dropdown{position:absolute;min-width:224px;background:#1e293b;border:1px solid rgba(77,163,255,.15);border-radius:10px;padding:6px;z-index:var(--z-dropdown, 100);box-shadow:0 10px 30px #00000059;animation:sb-dropdown-in .15s ease}@keyframes sb-dropdown-in{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sb-dropdown-top{bottom:calc(100% + 6px);left:0;right:0}.sb-dropdown-right{left:calc(100% + 6px);bottom:0}.sb-dropdown-header{display:flex;align-items:center;gap:10px;padding:8px 8px 6px}.sb-dropdown-user-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.sb-dropdown-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-dropdown-email{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-dropdown-divider{height:1px;background:#4da3ff1a;margin:4px 0}.sb-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:#cbd5e1;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;text-align:left}.sb-dropdown-item:hover{background:#4da3ff1a;color:#e1e8f0}.sb-dropdown-item-danger{color:#f87171}.sb-dropdown-item-danger:hover{background:#ef44441f;color:#f87171}.app-container{display:flex;height:100vh;overflow:hidden;background:#f8fafc}.main-content-wrapper{flex:1;overflow-y:auto;background:var(--color-bg, #F8FAFC);padding:24px;transition:margin-left .3s ease}.main-content-wrapper::-webkit-scrollbar{width:6px}.main-content-wrapper::-webkit-scrollbar-track{background:transparent}.main-content-wrapper::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.main-content-wrapper::-webkit-scrollbar-thumb:hover{background:#d1d5db}.page-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loader-spinner{width:48px;height:48px;animation:rotate 1.5s linear infinite}.loader-spinner svg{width:100%;height:100%}.loader-spinner circle{stroke:#1f4fd8;stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite}.loader-text{font-size:.875rem;color:#6b7280;font-weight:500}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc;padding:2rem}.error-content{text-align:center;max-width:480px}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#ef44441a,#dc26261a);border-radius:50%;margin-bottom:1.5rem;color:#ef4444}.error-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .75rem}.error-message{font-size:.938rem;color:#6b7280;line-height:1.6;margin:0 0 2rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-boundary .btn-primary,.error-boundary .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s;border:none}.error-boundary .btn-primary{background:linear-gradient(135deg,#1f4fd8,#4da3ff);color:#fff}.error-boundary .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1f4fd84d}.error-boundary .btn-secondary{background:#fff;color:#1f2937;border:1px solid #e5e7eb}.error-boundary .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg, #F8FAFC);min-height:100vh;margin:0;padding:0}.container{max-width:1200px;margin:0 auto}.header{text-align:center;margin-bottom:40px;color:#fff}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header p{font-size:1.1rem;opacity:.9}.card{background:#fff;border-radius:16px;padding:30px;margin-bottom:24px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-2px)}.status-bar{background:linear-gradient(135deg,#e0e7ff,#f0f4ff);border:2px solid #c7d2fe;padding:24px;display:flex;justify-content:center;align-items:center;gap:40px}.status-item{display:flex;align-items:center;gap:10px}.status-dot{width:12px;height:12px;border-radius:50%;background:#d1d5db;transition:all .3s ease}.status-dot.active{background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.status-label{font-weight:600;color:#6b7280;transition:all .3s ease}.status-label.active{color:#22c55e}.upload-section{margin-bottom:24px}.upload-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.upload-icon{width:28px;height:28px}.upload-title{font-size:1.2rem;font-weight:700;color:#1f2937}.upload-description{color:#6b7280;font-size:.95rem;margin-bottom:16px;margin-left:38px}.drop-zone{border:3px dashed #d1d5db;border-radius:12px;padding:50px 30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9fafb}.drop-zone:hover{border-color:#3b82f6;background:#eff6ff}.drop-zone.drag-over{border-color:#3b82f6;background:#dbeafe;transform:scale(1.02)}.drop-zone.error{border-color:#ef4444;background:#fee2e2}.upload-icon-circle{width:80px;height:80px;background:#e5e7eb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s ease}.drop-zone:hover .upload-icon-circle{background:#dbeafe}.drop-zone-text{font-size:1rem;font-weight:600;color:#374151;margin-bottom:10px}.drop-zone-subtext{font-size:.85rem;color:#9ca3af}.file-preview{border:3px solid #22c55e;background:#f0fdf4;border-radius:12px;padding:24px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-preview-content{display:flex;justify-content:space-between;align-items:flex-start}.file-info{display:flex;gap:16px;align-items:center}.file-icon{width:50px;height:50px;background:#dcfce7;border-radius:10px;display:flex;align-items:center;justify-content:center}.file-details{flex:1}.file-name{font-weight:700;color:#1f2937;margin-bottom:8px;font-size:.95rem}.file-meta{color:#6b7280;font-size:.85rem}.remove-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.remove-btn:hover{background:#dcfce7}.file-status{margin-top:16px;display:flex;align-items:center;gap:8px;color:#16a34a;font-weight:600;font-size:.9rem}.actions-card{background:#f9fafb;display:flex;justify-content:space-between;align-items:center;padding:24px}.upload-section{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch}.actions-section{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 18px}.btn-primary,.btn-secondary,.btn-success{border:1px solid transparent;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 6px 14px #2563eb40}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 10px 18px #2563eb47}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.btn-success{background:#16a34a;color:#fff;box-shadow:0 6px 14px #16a34a40}.btn-success:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}@media(max-width:720px){.upload-section{flex-direction:column}}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 20px #2563eb47}.btn-primary:hover:not(:disabled){filter:brightness(1.03);box-shadow:0 14px 26px #2563eb57}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb40,0 12px 24px #2563eb59}.result-section .result-cards-grid{display:flex;gap:16px;flex-wrap:wrap}.result-section .result-cards-grid .stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:200px;flex:1 1 220px}.result-section .result-cards-grid .stat-icon{margin-bottom:4px}@media(max-width:760px){.result-section .result-cards-grid{flex-direction:column}}.main-content>.upload-section{margin-bottom:28px}.main-content>.actions-section{margin-bottom:28px}.result-section{margin-top:12px}.result-section .result-cards-grid,.result-section .result-details{margin-bottom:20px}.upload-section{gap:24px;margin-bottom:32px}.actions-section{margin-top:8px;margin-bottom:28px}.upload-section{gap:40px;margin-bottom:40px}.actions-section{margin-bottom:40px}.actions-section{margin-bottom:60px}:root{--color-primary: #2563eb;--color-primary-dark: #1F4FD8;--color-primary-light: #4DA3FF;--color-primary-hover: #1d4ed8;--color-primary-bg: rgba(37, 99, 235, .08);--color-primary-ring: rgba(37, 99, 235, .15);--color-accent: #2DD4BF;--color-accent-dark: #14b8a6;--color-success: #22c55e;--color-success-dark: #16a34a;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-error: #ef4444;--color-error-dark: #dc2626;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-bg: #F8FAFC;--color-bg-white: #ffffff;--color-bg-muted: #f9fafb;--color-bg-hover: #f3f4f6;--color-text: #1F2937;--color-text-secondary: #6b7280;--color-text-muted: #94a3b8;--color-text-light: #cbd5e1;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-dark: #d1d5db;--sidebar-gradient-from: #1a2744;--sidebar-gradient-to: #0f172a;--sidebar-width: 256px;--sidebar-width-collapsed: 48px;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-brand: linear-gradient(135deg, #1F4FD8 0%, #4DA3FF 100%);--gradient-accent: linear-gradient(135deg, #4DA3FF 0%, #2DD4BF 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-sidebar: linear-gradient(180deg, var(--sidebar-gradient-from) 0%, var(--sidebar-gradient-to) 100%);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 30px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease-in-out;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-tooltip: 500;--z-toast: 600}