.view-all-container{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.view-all-header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:40px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-content{flex:1 1}.view-all-header h1{font-size:2.5rem;margin:0 0 10px;font-weight:600;color:#fff}.view-all-header p{font-size:1.1rem;color:#cbd5e0;margin:0}.view-all-main{flex:1 1;padding:40px 20px}.view-all-wrapper{max-width:1200px;margin:0 auto}.navigation-buttons{display:flex;gap:12px;margin-bottom:30px}.navigation-buttons .btn{padding:10px 18px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.navigation-buttons .btn-outline-secondary{background:#fff;color:#2d3748;border:2px solid #cbd5e0}.navigation-buttons .btn-outline-secondary:hover{background:#f7fafc;border-color:#a0aec0;transform:translateY(-2px);box-shadow:0 2px 8px rgba(45,55,72,.1)}.navigation-buttons .btn-primary{background:#1e3c72;color:#fff;border:2px solid #1e3c72}.navigation-buttons .btn-primary:hover{background:#162a52;border-color:#162a52;transform:translateY(-2px);box-shadow:0 2px 8px rgba(30,60,114,.3)}.navigation-buttons i{font-size:14px}.search-section{margin-bottom:30px}.search-input{width:100%;padding:15px 20px;font-size:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.1)}.search-info{font-size:.95rem;color:#718096;margin:10px 0 0}.loading-state{text-align:center;padding:60px 20px;background:#fff;border-radius:8px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:#718096;font-size:1.1rem}.error-state{background:#fed7d7;border:2px solid #fc8181;border-radius:8px;padding:30px;text-align:center}.error-state p{color:#c53030;font-size:1.1rem;margin:0 0 20px}.btn-retry{background:#e53e3e;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#c53030}.empty-state{background:#fff;border-radius:8px;padding:60px 20px;text-align:center}.empty-state p{color:#718096;font-size:1.1rem;margin:0}.table-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.biographies-table{width:100%;border-collapse:collapse}.biographies-table thead{background:#2d3748;color:#fff;font-weight:600}.biographies-table th{padding:18px 20px;text-align:left;font-size:.95rem;letter-spacing:.5px}.biographies-table td{padding:18px 20px;border-top:1px solid #e2e8f0}.biography-row{transition:background .2s ease}.biography-row:hover{background:#f9fafb}.col-name{font-weight:500}.bio-name{color:#2d3748;font-size:1.05rem}.col-father{color:#4a5568;font-size:.95rem}.col-dates{color:#718096;font-size:.9rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.col-action{text-align:center}.btn-view{background:#4299e1;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-view:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 2px 8px rgba(66,153,225,.3)}.btn-view:active{transform:translateY(0)}@media (max-width:768px){.view-all-header{flex-direction:column;align-items:stretch;padding:30px 16px}.view-all-header h1{font-size:1.8rem}.view-all-main{padding:24px 16px}.navigation-buttons{flex-direction:column;gap:10px;margin-bottom:24px}.navigation-buttons .btn{width:100%;justify-content:center;padding:12px 16px}.biographies-table{font-size:.9rem}.biographies-table td,.biographies-table th{padding:12px 10px}.bio-name{font-size:.95rem}.col-action{min-width:80px}.btn-view{padding:6px 12px;font-size:.85rem}}@media (max-width:480px){.view-all-header{padding:30px 15px}.view-all-header h1{font-size:1.5rem}.view-all-header p{font-size:.9rem}.biographies-table td:nth-child(2),.biographies-table th:nth-child(2){display:none}.biographies-table td,.biographies-table th{padding:12px 8px}.bio-name{font-size:.85rem}}