:root{--primary:#4361ee;--primary-dark:#3a56d4;--secondary:#7209b7;--success:#4cc9f0;--danger:#f72585;--warning:#f8961e;--info:#3a86ff;--light:#f8f9fa;--dark:#212529;--gray:#6c757d;--light-gray:#e9ecef;--border-radius:12px;--box-shadow:0 8px 20px rgba(0,0,0,.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:var(--dark);line-height:1.6;min-height:100vh;padding:20px}.container{max-width:1800px;margin:0 auto}header{text-align:center;margin-bottom:30px;padding:20px}header h1{font-family:Poppins,sans-serif;font-size:2.8rem;font-weight:600;color:var(--primary);margin-bottom:10px}header h1 i{margin-right:15px;color:var(--secondary)}.subtitle{font-size:1.2rem;color:var(--gray);max-width:600px;margin:0 auto}.main-layout{display:flex;gap:30px;margin-bottom:30px}.left-column{flex:1;min-width:400px;max-width:600px}.right-column{flex:1.5;min-width:500px}.card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:25px;margin-bottom:30px;transition:var(--transition)}.card:hover{box-shadow:0 12px 24px rgba(0,0,0,.15)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-header h2{font-family:Poppins,sans-serif;font-size:1.5rem;color:var(--dark);display:flex;align-items:center}.section-header h2 i{margin-right:12px;color:var(--primary)}.upload-area{border:3px dashed var(--light-gray);border-radius:var(--border-radius);padding:50px 20px;text-align:center;margin-bottom:20px;transition:var(--transition);cursor:pointer;background-color:#fafbfe}.upload-area.dragover,.upload-area:hover{border-color:var(--primary);background-color:rgba(67,97,238,.05)}.upload-icon{font-size:3.5rem;color:var(--primary);margin-bottom:15px}.upload-text{font-size:1.2rem;margin-bottom:10px;color:var(--dark);font-weight:500}.upload-hint{color:var(--gray);margin-bottom:20px;font-size:.9rem}.file-info{padding:15px;background-color:var(--light-gray);border-radius:var(--border-radius);margin-bottom:20px;display:none}.file-info.show{display:block}.file-details{justify-content:space-between}.file-details,.file-name{display:flex;align-items:center}.file-name{font-weight:500}.file-name i{margin-right:10px;color:var(--primary)}.file-size{color:var(--gray);font-size:.9rem}.btn-danger,.btn-info,.btn-primary,.btn-secondary,.btn-upload,.btn-warning{padding:12px 24px;border:none;border-radius:var(--border-radius);font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-upload{background-color:var(--success);color:#fff;width:100%;margin-top:10px}.btn-upload:disabled{background-color:var(--light-gray);color:var(--gray);cursor:not-allowed;transform:none}.btn-upload:not(:disabled):hover{background-color:#3ab5d6;transform:translateY(-2px)}.btn-secondary{background-color:var(--light-gray);color:var(--dark)}.btn-secondary:hover{background-color:#dde1e7}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#e11574}.btn-warning{background-color:var(--warning);color:#fff}.btn-warning:hover{background-color:#e6891e}.btn-info{background-color:var(--info);color:#fff}.btn-info:hover{background-color:#2a75ff}.btn-danger i,.btn-info i,.btn-primary i,.btn-secondary i,.btn-upload i,.btn-warning i{margin-right:8px}.btn-small{padding:8px 16px;border:none;border-radius:6px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;background-color:var(--light-gray);color:var(--dark)}.btn-small:hover{background-color:#d1d9e6}.btn-small i{margin-right:5px}.progress-container{margin-top:20px;display:none}.progress-container.show{display:block}.progress-bar{height:12px;background-color:var(--light-gray);border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-bar:after{content:"";display:block;height:100%;width:0;background-color:var(--success);border-radius:6px;transition:width .5s ease}.progress-text{font-size:.9rem;color:var(--gray);text-align:center;display:block}.file-count{background-color:var(--light-gray);color:var(--dark);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.search-container{position:relative;margin-bottom:20px}.search-container i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--gray)}#searchInput{width:100%;padding:14px 14px 14px 45px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}#searchInput:focus{outline:none;border-color:var(--primary)}.files-list{height:400px;overflow-y:auto;margin-bottom:25px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--light-gray);transition:var(--transition);cursor:pointer}.file-item:hover{background-color:rgba(67,97,238,.05);border-radius:var(--border-radius)}.file-item.selected{background-color:rgba(67,97,238,.1);border-left:4px solid var(--primary)}.file-item-info{display:flex;align-items:center;flex:1}.file-icon{font-size:1.8rem;color:var(--primary);margin-right:15px}.file-details h3{font-size:1.05rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.file-details p{font-size:.85rem}.file-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--light-gray);color:var(--dark);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.action-btn:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px)}.empty-state{text-align:center;padding:80px 20px;color:var(--gray)}.empty-state i{font-size:4rem;margin-bottom:20px;color:var(--light-gray)}.empty-state h3{font-size:1.5rem;margin-bottom:10px;color:var(--dark)}.empty-state p{font-size:1rem;max-width:300px;margin:0 auto}.storage-info{padding-top:20px;border-top:1px solid var(--light-gray)}.storage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:500;color:var(--dark);font-size:.95rem}.storage-details{display:flex;flex-direction:column;align-items:flex-end}.storage-limit{font-size:.8rem;color:var(--gray);margin-top:2px}.storage-bar{height:8px;background-color:var(--light-gray);border-radius:4px;overflow:hidden;margin-top:8px}.storage-fill{height:100%;width:0;background-color:var(--primary);border-radius:4px;transition:width .8s ease}#previewSection{display:block}#emptyPreview{display:flex;align-items:center;justify-content:center;height:100%;min-height:800px}.empty-content{text-align:center;padding:60px 40px;max-width:500px}.empty-content i{font-size:5rem;color:var(--light-gray);margin-bottom:25px}.empty-content h3{font-size:1.8rem;margin-bottom:15px;color:var(--dark)}.empty-content p{color:var(--gray);font-size:1.1rem;margin-bottom:35px;line-height:1.6}.empty-features{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.feature{display:flex;flex-direction:column;align-items:center;gap:8px}.feature i{font-size:2rem;color:var(--primary);margin-bottom:0}.feature span{font-size:.9rem;color:var(--gray);font-weight:500}.selected-file-info{padding:20px;background-color:rgba(67,97,238,.05);border-radius:var(--border-radius);margin-bottom:25px;border-left:4px solid var(--primary)}.file-display{display:flex;align-items:center;gap:15px}.file-display i{font-size:3rem;color:var(--primary)}.file-details h3{font-size:1.3rem;margin-bottom:5px;color:var(--dark)}.file-details p{color:var(--gray);font-size:.9rem}.keyword-search-container{margin-bottom:25px;border:2px solid rgba(67,97,238,.1)}.search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.search-header h3{font-family:Poppins,sans-serif;font-size:1.3rem;color:var(--dark);display:flex;align-items:center}.search-header h3 i{margin-right:10px;color:var(--primary)}.search-tips{display:flex;align-items:center;gap:8px;background-color:rgba(248,150,30,.1);padding:8px 15px;border-radius:20px;color:var(--warning);font-size:.85rem}.search-tips i{font-size:1rem}.search-interface{margin-bottom:20px}.search-input-group{display:flex;gap:15px;margin-bottom:20px}.input-with-icon{position:relative;flex:1}.input-with-icon i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--gray)}.input-with-icon input{width:100%;padding:14px 14px 14px 45px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.input-with-icon input:focus{outline:none;border-color:var(--primary)}.search-options{background-color:#f8f9fa;padding:20px;border-radius:var(--border-radius);border:1px solid var(--light-gray)}.option-group{display:flex;gap:25px;margin-bottom:20px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:35px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--dark);font-size:.95rem}.checkbox-label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;left:0;top:0;height:22px;width:22px;background-color:#fff;border:2px solid var(--light-gray);border-radius:4px;transition:var(--transition)}.checkbox-label:hover input~.checkmark{border-color:var(--primary)}.checkbox-label input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-label input:checked~.checkmark:after{display:block}.checkbox-label .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.manual-select{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.manual-select .input-with-icon{flex:1;min-width:250px}.manual-select .input-with-icon i{color:var(--secondary)}.search-results-container{border:1px solid var(--light-gray);border-radius:var(--border-radius);overflow:hidden}.results-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid var(--light-gray)}.results-header h4{font-family:Poppins,sans-serif;font-size:1.1rem;color:var(--dark);display:flex;align-items:center}.results-header h4 i{margin-right:10px;color:var(--info)}.results-count{background-color:#fff;padding:5px 15px;border-radius:20px;border:1px solid var(--light-gray);font-size:.9rem;color:var(--dark)}.search-results{max-height:300px;overflow-y:auto;padding:15px}.empty-results{text-align:center;padding:40px 20px;color:var(--gray)}.empty-results i{font-size:3rem;margin-bottom:15px;color:var(--light-gray)}.empty-results p{font-size:1rem;margin-bottom:5px}.empty-results small{font-size:.85rem;color:var(--gray)}.result-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid var(--light-gray);transition:var(--transition);cursor:pointer}.result-item:hover{background-color:rgba(67,97,238,.05)}.result-item:last-child{border-bottom:none}.result-checkbox{margin-right:15px;width:20px;height:20px;cursor:pointer}.result-info{flex:1}.result-page{font-weight:600;color:var(--primary);margin-bottom:5px;font-size:.95rem}.result-text{font-size:.9rem;color:var(--dark);line-height:1.5}.result-text .highlight{background-color:rgba(248,150,30,.3);padding:2px 4px;border-radius:3px;color:var(--warning);font-weight:500}.result-select{display:flex;align-items:center;gap:8px}.pdf-preview-container{margin-bottom:30px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.preview-header h3{font-family:Poppins,sans-serif;font-size:1.3rem;color:var(--dark);display:flex;align-items:center}.preview-header h3 i{margin-right:10px;color:var(--primary)}.preview-nav{display:flex;align-items:center;gap:15px}.page-indicator{font-weight:500;color:var(--dark);font-size:.95rem}.page-indicator span{color:var(--primary);font-weight:600}.pdf-frame-container{height:500px;border:1px solid var(--light-gray);border-radius:var(--border-radius);overflow:hidden;position:relative}#pdfPreview{width:100%;height:100%;border:none}.pdf-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray);z-index:10}.pdf-loading i{font-size:3rem;margin-bottom:15px;color:var(--primary)}.pdf-loading p{font-size:1.1rem}.page-selection-container{background-color:#f8f9fa;border-radius:var(--border-radius);padding:25px;border:1px solid var(--light-gray)}.selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.selection-header h3{font-family:Poppins,sans-serif;font-size:1.3rem;color:var(--dark);display:flex;align-items:center}.selection-header h3 i{margin-right:10px;color:var(--primary)}.selected-count{display:flex;align-items:center;gap:8px;background-color:#fff;padding:8px 16px;border-radius:20px;border:1px solid var(--light-gray)}.selected-count i{color:var(--success)}.selected-count span{font-size:.9rem;color:var(--dark)}.selection-controls{margin-bottom:20px}.quick-select{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.range-selector{background-color:#fff;padding:15px;border-radius:var(--border-radius);border:1px solid var(--light-gray)}.range-inputs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.range-inputs input{width:80px;padding:10px;border:1px solid var(--light-gray);border-radius:6px;text-align:center;font-size:1rem}.range-inputs span{color:var(--gray);font-size:.9rem}.pages-container-wrapper{height:300px;overflow-y:auto;background-color:#fff;border-radius:var(--border-radius);border:1px solid var(--light-gray);margin-bottom:25px}.pages-container{padding:15px;min-height:100%}.empty-pages{text-align:center;padding:60px 20px;color:var(--gray)}.empty-pages i{font-size:3rem;margin-bottom:15px;color:var(--light-gray)}.empty-pages p{font-size:1rem}.page-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid var(--light-gray);transition:var(--transition);cursor:pointer}.page-item:hover{background-color:rgba(67,97,238,.05)}.page-item:last-child{border-bottom:none}.page-checkbox{margin-right:15px;width:20px;height:20px;cursor:pointer}.page-number{font-weight:500;color:var(--dark);min-width:40px;font-size:1rem}.page-preview{flex:1;font-size:.9rem;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item.selected{background-color:rgba(67,97,238,.1);border-left:3px solid var(--primary)}.selection-actions{display:flex;gap:15px;flex-wrap:wrap}.selection-actions button{flex:1;min-width:200px}footer{text-align:center;padding:25px;color:var(--gray);font-size:.95rem;margin-top:20px;border-top:1px solid var(--light-gray)}.files-list::-webkit-scrollbar,.pages-container-wrapper::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:8px}.files-list::-webkit-scrollbar-track,.pages-container-wrapper::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px}.files-list::-webkit-scrollbar-thumb,.pages-container-wrapper::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.files-list::-webkit-scrollbar-thumb:hover,.pages-container-wrapper::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:var(--border-radius);background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2);display:flex;align-items:center;z-index:2000;transform:translateX(150%);transition:transform .3s ease;max-width:400px}.notification.show{transform:translateX(0)}.notification-success{border-left:5px solid var(--success)}.notification-error{border-left:5px solid var(--danger)}.notification-info{border-left:5px solid var(--info)}.notification-warning{border-left:5px solid var(--warning)}.notification i{margin-right:12px;font-size:1.2rem}.notification-success i{color:var(--success)}.notification-error i{color:var(--danger)}.notification-info i{color:var(--info)}.notification-warning i{color:var(--warning)}@media (max-width:1200px){.main-layout{flex-direction:column}.left-column,.right-column{min-width:100%;max-width:100%}.selection-actions button{min-width:150px}.manual-select,.search-input-group{flex-direction:column}.manual-select{align-items:stretch}.manual-select .input-with-icon{min-width:100%}}@media (max-width:768px){header h1{font-size:2.2rem}.card{padding:20px}.section-header h2{font-size:1.3rem}.upload-text{font-size:1.1rem}.upload-icon{font-size:3rem}.file-details h3{max-width:200px}.results-header,.search-header,.selection-header{flex-direction:column;align-items:flex-start;gap:15px}.results-count,.selected-count{align-self:flex-start}.preview-header{flex-direction:column;align-items:flex-start;gap:15px}.preview-nav{align-self:stretch;justify-content:space-between}.selection-actions{flex-direction:column}.selection-actions button{min-width:100%}.empty-features{flex-direction:column;gap:20px}.feature{flex-direction:row;gap:15px}.feature i{font-size:1.5rem}.option-group{flex-direction:column;gap:15px}.notification{top:10px;right:10px;left:10px;max-width:none}}