*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:1rem}.logo-icon{align-items:center;background:#eff6ff;border-radius:12px;color:#3b82f6;display:flex;justify-content:center;padding:.75rem}.logo-text h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.logo-text p{color:#64748b;font-size:.875rem;margin:0}.header-actions{display:flex;gap:1rem}.theme-toggle{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.theme-toggle:hover{background:#e2e8f0;color:#475569}.clear-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.clear-btn:hover:not(:disabled){background:#e2e8f0;color:#475569}.clear-btn:disabled{cursor:not-allowed;opacity:.5}.app-main{flex:1;padding:2rem 0}.content-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:0 2rem}.upload-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.panel-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem}.panel-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.panel-header p{color:#64748b;font-size:.875rem;margin:0}.upload-form{padding:1.5rem}.upload-area{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:16px;cursor:pointer;margin-bottom:1.5rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.upload-area:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.upload-area:hover:before{opacity:.05}.upload-area:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 10px 25px -5px #3b82f61a;transform:translateY(-2px)}.upload-area.drag-over{background:#eff6ff;border-color:#3b82f6;box-shadow:0 20px 25px -5px #3b82f61a;transform:scale(1.02)}.upload-area.uploading{background:#f0fdf4;border-color:#10b981;cursor:not-allowed}.upload-content{color:#64748b;position:relative;z-index:1}.upload-icon{color:#94a3b8;margin-bottom:1.5rem;transition:color .3s ease}.upload-area:hover .upload-icon{color:#3b82f6}.upload-content h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.upload-content p{color:#64748b;margin:.5rem 0}.click-here{color:#3b82f6;font-weight:600;text-decoration:underline}.supported-formats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.format-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.format-icon{font-size:1rem}.uploading-content{color:#10b981;position:relative;z-index:1}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:48px;margin:0 auto 1.5rem;width:48px}.progress-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-top:1rem;overflow:hidden;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.selected-file{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1rem}.file-info{align-items:center;display:flex;gap:1rem}.file-icon{background:#eff6ff;border-radius:8px;color:#3b82f6;flex-shrink:0;padding:.75rem}.file-details{flex:1}.file-name{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.file-size{color:#64748b;font-size:.75rem;margin:0}.remove-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.error-icon{color:#dc2626;flex-shrink:0}.error-message p{font-size:.875rem;font-weight:500;margin:0}.results-panel{transition:all .3s ease}.results-panel.has-content{border-color:#10b981;box-shadow:0 4px 6px -1px #10b9811a}.results-content{padding:1.5rem}.success-message{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#166534;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.success-icon{color:#10b981;flex-shrink:0}.success-message p{font-size:.875rem;font-weight:500;margin:0}.result-tabs{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:.5rem}.result-tabs,.tab-btn{display:flex;gap:.5rem}.tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.tab-btn:hover{background:#f1f5f9;color:#3b82f6}.tab-btn.active{background:#eff6ff;border:1px solid #dbeafe;color:#3b82f6}.tab-icon{font-size:1rem}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.content-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.copy-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.copy-btn:hover{background:#e2e8f0;color:#475569}.actions-inline{align-items:center;display:flex;gap:.5rem}.search-input.inline{width:260px}.count-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.text-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;line-height:1.6;max-height:500px;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.text-preview mark.hl{background:#fff3c4;border-radius:3px;color:inherit;padding:0 2px}.links-list{flex-direction:column}.link-item,.links-list{display:flex;gap:.75rem}.link-item{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;color:#3b82f6;padding:1rem;text-decoration:none;transition:all .2s ease;word-break:break-all}.link-item:hover{background:#dbeafe;border-color:#93c5fd;box-shadow:0 4px 6px -1px #3b82f61a;transform:translateY(-1px)}.link-icon{flex-shrink:0;font-size:1rem}.link-text{flex:1;font-size:.875rem}.link-arrow{flex-shrink:0;font-size:1rem;opacity:.6}.no-links{padding:2rem;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem}.empty-state svg{color:#94a3b8}.empty-state h3{color:#475569;font-size:1.125rem;margin:0}.empty-state p{font-size:.875rem;margin:0}.metadata-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;max-height:500px;overflow-y:auto;padding:1.5rem}.metadata-preview pre{color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.insights-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.insight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.insight-card h5{font-size:.95rem;margin:0 0 .75rem}.fields,.keywords{display:grid;gap:.4rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.fields li,.keywords li{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem .75rem}.field,.kw{color:#1e293b;font-weight:600}.field-score,.kw-count{background:#eef2ff;border-radius:9999px;color:#3730a3;font-size:.75rem;font-weight:700;padding:.125rem .5rem}.muted{color:#64748b;font-style:italic}.text-area{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9rem;outline:none;padding:1rem;resize:vertical;width:100%}.empty-results{padding:3rem 1.5rem;text-align:center}.empty-results .empty-state{color:#64748b}.empty-results .empty-state svg{color:#94a3b8}.empty-results .empty-state h3{color:#475569;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-results .empty-state p{font-size:.875rem;margin:0}.dashboard{margin:0 auto 1.5rem}.catalog-header,.dashboard{max-width:1400px;padding:0 2rem}.catalog-header{align-items:center;display:flex;justify-content:space-between;margin:1rem auto}.kpis-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.kpis{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;text-align:center;transition:all .2s ease}.kpi:hover{background:#f1f5f9;border-color:#cbd5e1}.kpi-label{color:#64748b;font-size:.825rem}.kpi-value{color:#1e293b;font-size:1.5rem;font-weight:700}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.search-section{flex:1;min-width:250px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filters-section{align-items:end;display:flex;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-weight:500}.filter-label,.filter-select{color:#374151;font-size:.875rem}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:160px;padding:.5rem .75rem;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.actions-section{align-items:center;display:flex;gap:.75rem}.clear-filters-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.clear-filters-btn:hover{background:#e5e7eb;color:#374151}.add-btn{align-items:center;background:#3b82f6;border:1px solid #2563eb;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.add-btn:hover{background:#2563eb}.decisions-list{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.decision-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.decision-title{color:#1e293b;font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:.5rem}.decision-meta{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem}.decision-meta:before{content:"📅";font-size:.8rem}.decision-snippet{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;color:#475569;font-size:.95rem;line-height:1.6;padding:1rem}.no-decisions{color:#64748b;font-style:italic;padding:1rem 0}.timeline{margin:2rem 0;padding-left:2rem;position:relative}.timeline-item{margin-bottom:2rem;padding-left:3rem;position:relative}.timeline-item:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:1px;bottom:-2rem;content:"";left:-1rem;position:absolute;top:0;width:2px}.timeline-marker{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;height:20px;left:-2rem;position:absolute;top:.5rem;width:20px;z-index:2}.timeline-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.timeline-content:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.timeline-content:hover{border-color:#3b82f6;box-shadow:0 10px 25px -5px #00000026;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0f172a40;overflow:hidden;width:min(900px,92vw)}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1rem 1.25rem}.modal-close,.modal-header{align-items:center;display:flex}.modal-close{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;height:36px;justify-content:center;width:36px}.modal-body{padding:1rem 1.25rem 1.25rem}@media (max-width:1024px){.content-grid{gap:1.5rem;grid-template-columns:1fr}.content-grid,.header-content{padding:0 1rem}}@media (max-width:768px){.app-main{padding:1rem 0}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions,.logo-section{align-self:center}.upload-area{padding:2rem 1rem}.supported-formats{gap:.5rem}.format-item{font-size:.75rem;padding:.375rem .75rem}.result-tabs{flex-direction:column;gap:.25rem}.tab-btn{justify-content:flex-start;text-align:left}.content-header,.file-info{align-items:flex-start;flex-direction:column;gap:.75rem}.metadata-preview,.text-preview{max-height:300px;padding:1rem}}@media (max-width:480px){.content-grid,.header-content{padding:0 .75rem}.panel-header,.results-content,.upload-form{padding:1rem}.upload-area{padding:1.5rem .75rem}.upload-content h3{font-size:1.125rem}.supported-formats{align-items:center;flex-direction:column}.format-item{justify-content:center;width:100%}}.documents-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.documents-grid{display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.empty-documents{align-items:center;display:flex;justify-content:center;min-height:300px}.empty-state{color:#64748b;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:1.5rem}.doc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.doc-row{display:flex;gap:.75rem}.doc-icon{background:#fef2f2;border-radius:8px;color:#ef4444;flex-shrink:0;padding:.5rem}.doc-main{min-width:0}.doc-title{color:#0f172a;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{color:#64748b;font-size:.8rem}.doc-badges{display:flex;gap:.375rem;margin-top:.375rem}.pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;color:#0f172a;font-size:.7rem;font-weight:600;padding:.125rem .5rem}.pill-danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.doc-actions{display:flex;gap:.5rem}.btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.btn:hover:not(:disabled){background:#e2e8f0}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#ef4444;border-color:#dc2626;color:#fff}.btn-primary:hover:not(:disabled){background:#dc2626}.dark body{background:#0b1220;color:#e5e7eb}.dark .app-header{background:#0f172a;border-bottom-color:#1f2937;box-shadow:0 1px #0006}.dark .logo-text h1{color:#e5e7eb}.dark .logo-text p{color:#9ca3af}.dark .logo-icon{background:#0b1a34;color:#60a5fa}.dark .documents-container,.dark .extraction-result,.dark .kpis-container,.dark .selected-file,.dark .timeline-content,.dark .upload-panel{background:#0f172a;border-color:#1f2937;box-shadow:none}.dark .kpi{background:#0b1220;border-color:#1f2937}.dark .kpi-label{color:#94a3b8}.dark .kpi-value{color:#e5e7eb}.dark .filter-select,.dark .metadata-preview,.dark .search-input,.dark .text-area,.dark .text-preview{background:#0b1220;border-color:#1f2937;color:#e5e7eb}.dark .clear-btn,.dark .copy-btn,.dark .theme-toggle{background:#0b1220;border-color:#1f2937;color:#94a3b8}.dark .clear-btn:hover,.dark .copy-btn:hover,.dark .theme-toggle:hover{background:#111827;color:#e5e7eb}.dark .doc-card{background:#0f172a;border-color:#1f2937}.dark .doc-icon{background:#2a0e0e;color:#f87171}.dark .pill{background:#0b1220;border-color:#1f2937;color:#e5e7eb}.dark .pill-danger{background:#3b0a0a;border-color:#7f1d1d;color:#fecaca}.dark .link-item{background:#0b1220;border-color:#1f2937;color:#93c5fd}.dark .link-item:hover{background:#111827;border-color:#374151}.dark .upload-area{background:#0b1220;border-color:#1f2937}.dark .upload-area:hover{background:#0f172a;border-color:#2563eb}.dark .upload-icon{color:#64748b}.dark .click-here{color:#93c5fd}.dark .btn{background:#0b1220;border-color:#1f2937;color:#e5e7eb}.dark .btn:hover:not(:disabled){background:#111827}.dark .btn-primary{background:#ef4444;border-color:#b91c1c}.dark .btn-primary:hover:not(:disabled){background:#b91c1c}.dark .error-message{background:#3b0a0a;border-color:#7f1d1d;color:#fecaca}.dark .success-message{background:#052e1c;border-color:#065f46;color:#a7f3d0}@media (max-width:1280px){.documents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1024px){.documents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.documents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.documents-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column;gap:1rem}.filters-section{flex-direction:column;gap:.75rem}.filter-select{min-width:auto}.actions-section{justify-content:center}}