.table-responsive{overflow-x:auto;width:100%}.document-table{border-collapse:collapse;text-align:left;width:100%}.document-table th{background:var(--gray-100);color:var(--gray-700);font-weight:600;padding:1rem 2rem}.document-table td{border-bottom:1px solid var(--gray-200);padding:1.25rem 2rem;transition:background .3s}.document-table tr:hover td{background:var(--gray-50)}.col-index{color:var(--gray-500);font-weight:500;text-align:center;white-space:nowrap;width:10%}.col-title{width:65%}.col-download{text-align:center;white-space:nowrap;width:25%}.document-title-wrapper{align-items:center;display:flex;gap:.75rem}.doc-icon{flex-shrink:0;font-size:1.5rem}.doc-title-text{color:var(--gray-800);font-size:1.1rem;font-weight:500}.btn-download{align-items:center;border-radius:50px;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none}.mobile-label{color:var(--gray-700);display:none;font-weight:600;margin-right:.5rem}@media (max-width:768px){.document-table thead{display:none}.document-table,.document-table tbody,.document-table td,.document-table tr{display:block;width:100%}.document-table tr{border-bottom:1px solid var(--gray-200);padding:1.25rem}.document-table td{border:none;padding:.5rem 0;text-align:left}.col-index{color:var(--gray-500);font-size:.9rem;text-align:left}.col-title{padding:.5rem 0}.col-download{margin-top:.5rem;text-align:left}.mobile-label{display:inline}.btn-download{justify-content:center;width:100%}.document-title-wrapper{align-items:flex-start}.doc-icon{margin-top:.15rem}}.filter-section{background:#fff;border:1px solid rgba(0,0,0,.02);border-radius:var(--radius-2xl,16px);box-shadow:0 10px 30px rgba(0,0,0,.05);margin-bottom:3rem;margin-top:2rem;padding:2rem}.filter-form{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.search-box-custom{flex:1;min-width:300px;position:relative}.search-box-custom input{background:var(--gray-50,#f9fafb);border:2px solid var(--gray-200,#e5e7eb);border-radius:var(--radius-full,9999px);font-family:var(--font-thai);font-size:1rem;outline:none;padding:.9rem 1.5rem .9rem 3rem;transition:all .3s;width:100%}.search-box-custom input:focus{background:var(--white,#fff);border-color:var(--primary-light,#ef4444);box-shadow:0 0 0 4px rgba(211,47,47,.1)}.search-box-custom i{color:var(--gray-400,#9ca3af);font-size:1.1rem;left:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.category-filter-wrapper{min-width:200px;position:relative}.category-toggle-btn{align-items:center;background:var(--gray-50,#f9fafb);border:2px solid var(--gray-200,#e5e7eb);border-radius:var(--radius-full,9999px);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:.9rem 1.5rem;transition:all .3s}.category-toggle-btn:hover{background:var(--white,#fff);border-color:var(--primary-light,#ef4444)}.category-menu{background:var(--white,#fff);border:1px solid var(--gray-200,#e5e7eb);border-radius:var(--radius-xl,12px);box-shadow:0 15px 35px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.05);left:0;max-height:300px;opacity:0;overflow-y:auto;position:absolute;top:calc(100% + 10px);transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:100}.category-menu::-webkit-scrollbar{width:6px}.category-menu::-webkit-scrollbar-track{background:transparent;margin:8px 0}.category-menu::-webkit-scrollbar-thumb{background:var(--gray-300,#d1d5db);border-radius:10px}.category-menu::-webkit-scrollbar-thumb:hover{background:var(--gray-400,#9ca3af)}.category-menu.show{opacity:1;transform:translateY(0);visibility:visible}.category-menu-item{align-items:center;border-bottom:1px solid var(--gray-100,#f3f4f6);color:var(--gray-700,#374151);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:.8rem 1.5rem;transition:all .2s ease}.category-menu-item:last-child{border-bottom:none}.category-menu-item:hover{background:var(--gray-50,#f9fafb);color:var(--primary,#b91c1c);padding-left:1.8rem}.category-menu-item.active{background:rgba(185,28,28,.05);border-left:3px solid var(--primary,#b91c1c);color:var(--primary,#b91c1c);font-weight:700}.filter-btn-group{display:flex;gap:1rem}.btn-search-custom{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#a6121f 100%);border:none;border-radius:var(--radius-full,9999px);box-shadow:0 4px 10px rgba(211,47,47,.2);color:var(--white,#fff);cursor:pointer;display:inline-flex;font-family:var(--font-thai,inherit);font-weight:600;gap:.5rem;padding:.9rem 2rem;transition:all .3s ease}.btn-search-custom:hover{box-shadow:0 6px 15px rgba(211,47,47,.3);transform:translateY(-2px)}.btn-reset-custom{align-items:center;background:var(--gray-200,#e5e7eb);border-radius:var(--radius-full,9999px);color:var(--gray-700,#374151);display:inline-flex;font-family:var(--font-thai,inherit);font-weight:600;gap:.5rem;padding:.9rem 2rem;text-decoration:none;transition:all .3s ease}.btn-reset-custom:hover{background:var(--gray-300,#d1d5db);color:var(--gray-900,#111827)}.category-toggle-icon{color:var(--gray-400,#9ca3af);font-size:1.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.category-card{background:#fff;border:1px solid rgba(0,0,0,.02);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:2rem;overflow:hidden;transition:box-shadow .3s ease}.category-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.08)}.category-title{align-items:center;background:var(--gray-50,#f9fafb);border-bottom:2px solid var(--primary-light,#fca5a5);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;justify-content:space-between;margin:0;padding:1.5rem 2rem;transition:background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-title:hover{background:var(--white,#fff)}.category-title-left{align-items:center;display:flex;gap:.75rem}.category-card.collapsed .category-toggle-icon{transform:rotate(-90deg)}.category-card.collapsed .document-list-container{display:none}@media (max-width:768px){.filter-form{flex-direction:column}.btn-reset-custom,.btn-search-custom{justify-content:center;width:100%}}