.search-wrapper{max-width:700px;margin:0 auto;}.search-box{position:relative;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:var(--transition-normal);}.search-box:focus-within{box-shadow:var(--shadow-xl);transform:translateY(-2px);}.search-input{border:none;padding:1.25rem 4rem 1.25rem 1.5rem;font-size:var(--font-size-lg);background:transparent;color:var(--text-primary);}.search-input:focus{outline:none;box-shadow:none;}.search-input::placeholder{color:var(--text-muted);}.search-btn{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border:none;background:var(--primary-color);color:var(--text-white);border-radius:var(--radius-full);font-size:1.25rem;transition:var(--transition-fast);cursor:pointer;}.search-btn:hover{background:var(--primary-hover);transform:translateY(-50%) scale(1.05);}.search-results-info{color:var(--text-secondary);font-size:var(--font-size-sm);}.category-nav-wrapper{background:var(--bg-light);padding:1rem;border-radius:var(--radius-lg);}.category-nav{gap:1rem;flex-wrap:wrap;}.category-nav .nav-link{background:var(--bg-white);color:var(--text-secondary);border:2px solid transparent;border-radius:var(--radius-md);padding:0.75rem 1.5rem;font-weight:500;transition:var(--transition-fast);position:relative;display:flex;align-items:center;gap:0.5rem;}.category-nav .nav-link:hover{color:var(--primary-color);border-color:var(--primary-alpha-20);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.category-nav .nav-link.active{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color);box-shadow:var(--shadow-md);}.category-nav .nav-link .badge{background:var(--primary-alpha-20);color:var(--primary-dark);padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;margin-left:0.5rem;}.category-nav .nav-link.active .badge{background:rgba(255,255,255,0.2);color:var(--text-white);}.subcategory-nav-wrapper{background:var(--bg-white);padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}.subcategory-nav{border-bottom:none;gap:0.5rem;flex-wrap:wrap;}.subcategory-nav .nav-link{border:1px solid var(--border-light);border-bottom:2px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:0.5rem 1rem;font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-light);transition:var(--transition-fast);}.subcategory-nav .nav-link:hover{color:var(--primary-color);background:var(--bg-white);border-bottom-color:var(--primary-alpha-20);}.subcategory-nav .nav-link.active{color:var(--primary-color);background:var(--bg-white);border-color:var(--border-light);border-bottom-color:var(--primary-color);font-weight:600;}.file-card{background:var(--bg-white);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition-normal);height:100%;display:flex;flex-direction:column;}.file-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.file-card-icon{width:60px;height:60px;background:var(--primary-alpha-10);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:var(--transition-fast);}.file-card:hover .file-card-icon{background:var(--primary-alpha-20);transform:scale(1.1);}.file-card-icon i{font-size:2rem;color:var(--primary-color);}.file-card-body{flex:1;}.file-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:0.5rem;line-height:1.4;}.file-card-series{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:500;margin-bottom:0.5rem;}.file-card-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6;margin-bottom:1rem;}.file-card-meta{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-light);font-size:var(--font-size-xs);color:var(--text-muted);}.file-card-meta .file-type{background:var(--bg-light);padding:0.25rem 0.75rem;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:600;}.file-card-actions{display:flex;gap:0.5rem;margin-top:1rem;}.file-card-actions .btn{flex:1;padding:0.5rem 1rem;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:var(--transition-fast);}.btn-preview{background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border-light);}.btn-preview:hover{background:var(--primary-alpha-10);color:var(--primary-color);border-color:var(--primary-alpha-20);}.btn-download{background:var(--primary-color);color:var(--text-white);border:1px solid var(--primary-color);}.btn-download:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);}.files-loading{min-height:300px;display:flex;align-items:center;justify-content:center;}.no-results-wrapper{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;}.no-results-wrapper i{font-size:4rem;color:var(--text-muted);margin-bottom:1rem;}.no-results-wrapper h4{color:var(--text-secondary);margin-bottom:0.5rem;}.preview-placeholder{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-light);border-radius:var(--radius-md);}.preview-placeholder i{font-size:5rem;color:var(--text-muted);}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.file-card{animation:fadeInUp 0.5s ease-out;animation-fill-mode:both;}@media (max-width:768px){.category-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:0.5rem;}.category-nav .nav-link{white-space:nowrap;font-size:var(--font-size-sm);padding:0.5rem 1rem;}.subcategory-nav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}.file-card{padding:1rem;}.file-card-actions{flex-direction:column;}.file-card-actions .btn{width:100%;}}.search-highlight{background:var(--warning-color);color:var(--text-primary);padding:0 0.25rem;border-radius:2px;}.preview-notice{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;margin-top:0.5rem;padding:0.25rem 0.5rem;background:var(--bg-light);border-radius:var(--radius-sm);}@media (max-width:768px){.preview-notice{font-size:0.75rem;}}