.row{display:flex;flex-wrap:wrap}.col-md-4,.col-lg-3,.col-md-8,.col-lg-9{display:flex;flex-direction:column}.manualbox-card{height:calc(100vh - 100px);border-radius:8px;box-shadow:0 1px 3px #0000001a;background-color:#fff}.offcanvas-header h3{font-size:1.5rem;margin:0;font-weight:500}.manualbox-card-body{height:calc(100vh - 170px);overflow-y:auto;padding:1rem;background-color:#fff}.file-card{background-color:#fff;border:1px solid #eee;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:all .2s}.file-card:hover{border-color:var(--bs-primary);box-shadow:0 2px 4px #0000000d}.file-card .file-info{display:flex;align-items:center}.file-card .file-icon{color:#0d6efd;font-size:1.5rem;margin-right:1rem}.file-card .btn-download{padding:.375rem 1rem;border-radius:6px}.nav-categories{height:100%}.category-item{position:relative}.category-item .category-link{padding:.35rem .75rem;display:block;transition:all .2s;border-radius:5px;font-size:1.1rem;color:#333;text-decoration:none;background-color:transparent}.category-item .category-link i.bi-folder2,.category-item .category-link i.bi-chevron-right{font-size:1.3rem}.category-item .category-link i.bi-chevron-right{opacity:.5}.category-item:hover .category-link{background-color:#0000000d}.category-item.active>.category-link{background-color:var(--bs-secondary)!important;color:#fff!important}.category-item.bg-primary>.category-link{background-color:var(--bs-secondary)!important;color:#fff!important}#categoriesOffcanvas .category-item.active>.category-link,#categoriesOffcanvas .category-item.bg-primary>.category-link{background-color:var(--bs-secondary)!important;color:#fff!important}.subcategory-list{display:none;padding-left:1.25rem;margin:0}.subcategory-list.show{display:block}.subcategory-list .category-item .category-link{padding:.35rem .75rem;font-size:1.05rem}.subcategory-list .category-item:last-child .category-link{margin-bottom:0}.bi-chevron-right{transition:transform .2s}.search-input{padding-left:2.5rem!important}.offcanvas{width:85%!important;max-width:320px}.offcanvas-header{padding:1rem;background-color:#fff;border-bottom:1px solid #eee;min-height:60px}.offcanvas-header h3{font-size:1.25rem;margin:0;font-weight:500}.offcanvas-body{background-color:#fff;padding:.75rem}@media(max-width:767.98px){.manualbox-card{height:auto;margin-bottom:1rem}.manualbox-card-body{height:auto}.nav-categories{height:calc(100vh - 150px)}#categoriesOffcanvas .nav-categories{padding:0}#categoriesOffcanvas .category-item .category-link{padding:.4rem .75rem}#categoriesOffcanvas .subcategory-list{padding-left:1.25rem;margin:0}#categoriesOffcanvas .subcategory-list .category-item .category-link{padding:.4rem .75rem}}@media(max-width:768px){.category-item{padding:1rem}.file-card{margin-bottom:1rem}#categoriesOffcanvas .category-item .category-link{padding:.75rem;margin:.125rem 0;background-color:#f8f9fa}#categoriesOffcanvas .category-item.bg-primary .category-link{background-color:var(--bs-secondary)!important}#categoriesOffcanvas .subcategory-list{padding-left:1rem}#categoriesOffcanvas .subcategory-list .category-item .category-link{padding:.75rem;font-size:1rem}.category-item .category-link i.bi-folder2,.category-item .category-link i.bi-chevron-right{font-size:1.2rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navigation-container{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}#manualTable{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}#manualTable th{background-color:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#333}#manualTable td{padding:1rem;border-top:1px solid #eee}#manualTable tr:hover{background-color:#f8f9fa}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.navigation-container{flex-direction:column}#manualTable{font-size:.9rem}}