.header{background:var(--blue-primary);padding:16px 0;text-align:center;box-shadow:0 2px 8px #00000026}.header img{height:56px}.home-container{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 88px);padding:60px 20px}.home-title{color:var(--blue-primary);font-size:1.6rem;margin-bottom:30px;text-align:center}.search-wrapper{width:100%;max-width:600px;position:relative}.search-input{width:100%;padding:16px 24px;font-size:1.1rem;border:2px solid var(--blue-primary);border-radius:50px;outline:none;transition:box-shadow .2s}.search-input:focus{box-shadow:0 0 0 3px #0d47a133}.search-input::placeholder{color:var(--gray-500)}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--gray-300);border-radius:12px;margin-top:8px;max-height:400px;overflow-y:auto;box-shadow:0 8px 24px #0000001f;z-index:100}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;cursor:pointer;border:none;border-bottom:1px solid var(--gray-100);background:none;width:100%;text-align:left;font:inherit;transition:background .15s}.search-result-item:hover{background:var(--blue-light)}.search-result-item:last-child{border-bottom:none}.result-name{font-weight:600;color:var(--gray-900)}.result-detail{font-size:.85rem;color:var(--gray-700)}.result-matricula{font-weight:700;color:var(--blue-primary);white-space:nowrap}.search-empty{padding:20px;text-align:center;color:var(--gray-500)}.credential-page{min-height:calc(100vh - 88px);display:flex;flex-direction:column;align-items:center;padding:40px 20px}.credential-card{width:100%;max-width:520px;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:2px solid var(--blue-primary)}.credential-header{background:var(--blue-primary);padding:20px 28px;display:flex;align-items:center;gap:16px}.credential-header img{height:44px}.credential-header-text{color:var(--white)}.credential-header-text h2{font-size:1rem;margin:0}.credential-header-text p{font-size:.75rem;opacity:.8;margin:0}.credential-body{padding:28px;display:grid;grid-template-columns:1fr auto;gap:12px}.credential-field{grid-column:1}.credential-field label,.credential-field .field-label{display:block;font-size:.75rem;color:var(--blue-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.credential-field .value{font-size:1.1rem;font-weight:600}.credential-matricula{grid-column:2;grid-row:1 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--blue-light);border-radius:12px;padding:16px 24px}.credential-matricula .label{font-size:.85rem;color:var(--blue-primary)}.credential-matricula .number{font-size:2.2rem;font-weight:800;color:var(--blue-primary);line-height:1}.credential-footer{padding:16px 28px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--gray-200)}.status-badge{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem}.status-dot{width:12px;height:12px;border-radius:50%}.status-active .status-dot{background:var(--green)}.status-active{color:var(--green)}.status-inactive .status-dot{background:var(--red)}.status-inactive{color:var(--red)}.credential-date{font-size:.8rem;color:var(--gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--blue-primary);color:var(--white)}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{background:var(--gray-200);color:var(--gray-900)}.btn-secondary:hover{background:var(--gray-300)}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover{opacity:.9}.btn-small{padding:6px 14px;font-size:.8rem}.download-section{margin-top:24px}.admin-container{max-width:1400px;margin:0 auto;padding:24px}.admin-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.admin-toolbar .search-box{flex:1;min-width:200px;padding:10px 16px;border:1px solid var(--gray-300);border-radius:8px;font-size:.95rem;outline:none}.admin-toolbar .search-box:focus{border-color:var(--blue-primary);box-shadow:0 0 0 2px #0d47a126}.col-selector{position:relative}.col-selector-menu{position:absolute;top:100%;right:0;z-index:100;margin-top:4px;padding:8px 0;background:var(--white);border:1px solid var(--gray-300);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:200px;max-height:360px;overflow-y:auto}.col-selector-item{display:flex;align-items:center;gap:8px;padding:6px 14px;cursor:pointer;font-size:.88rem;white-space:nowrap;-webkit-user-select:none;user-select:none}.col-selector-item:hover{background:var(--gray-100)}.col-selector-item input[type=checkbox]{accent-color:var(--blue-primary)}.col-selector-actions{border-top:1px solid var(--gray-200);padding:6px 14px 2px;text-align:center}.admin-table-wrapper{overflow-x:auto;background:var(--white);border-radius:12px;box-shadow:0 2px 12px #0000000f}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{background:var(--blue-primary);color:var(--white);padding:12px 10px;text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0}.admin-table th:hover{background:var(--blue-dark)}.admin-table th .sort-arrow{margin-left:4px;font-size:.7rem}.admin-table th input{display:block;width:100%;margin-top:6px;padding:4px 6px;border:none;border-radius:4px;font-size:.75rem;background:#fff3;color:var(--white)}.admin-table th input::placeholder{color:#fff9}.admin-table td{padding:10px;border-bottom:1px solid var(--gray-100);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table tr:hover td{background:var(--blue-light)}.admin-table .actions{display:flex;gap:6px;white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.pagination button{padding:8px 16px;border:1px solid var(--gray-300);background:var(--white);border-radius:6px;font-size:.85rem}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:.85rem;color:var(--gray-700)}dialog.modal-overlay{border:none;background:transparent;padding:40px 20px;max-width:100vw;max-height:100vh;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}dialog.modal-overlay::backdrop{background:#00000080}.modal{background:var(--white);border-radius:16px;width:100%;max-width:600px;box-shadow:0 20px 60px #0003}.modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-header h3{color:var(--blue-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--gray-500);line-height:1}.modal-body{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-body .form-group{display:flex;flex-direction:column}.modal-body .form-group.full-width{grid-column:1 / -1}.modal-body label{font-size:.8rem;font-weight:600;color:var(--blue-primary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.modal-body input,.modal-body select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--gray-300);border-radius:8px;outline:none;transition:border-color .2s;font-family:inherit;font-size:.95rem;color:var(--gray-800, #333);background:var(--white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-body input:focus,.modal-body select:focus{border-color:var(--blue-primary)}.modal-footer{padding:16px 24px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:12px}.loading{display:flex;justify-content:center;align-items:center;padding:80px 20px;font-size:1.1rem;color:var(--gray-500)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--blue-primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:16px 24px;background:#ffebee;color:var(--red);border-radius:8px;margin:16px 0}@media (max-width: 640px){.credential-header{flex-direction:column;text-align:center}.credential-body{grid-template-columns:1fr}.credential-matricula{grid-column:1;grid-row:auto}.modal-body{grid-template-columns:1fr}.admin-toolbar{flex-direction:column}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--gray-100)}.login-card{background:var(--white);border-radius:12px;box-shadow:0 4px 24px #0000001a;padding:40px 32px;max-width:400px;width:100%;text-align:center}.login-logo{height:64px;margin-bottom:16px;filter:brightness(0) saturate(100%) invert(16%) sepia(89%) saturate(2836%) hue-rotate(209deg) brightness(88%) contrast(101%)}.login-card h2{color:var(--blue-primary);margin-bottom:8px;font-size:1.4rem}.login-hint{color:var(--gray-700);font-size:.9rem;margin-bottom:20px}.login-input{width:100%;padding:12px;border:2px solid var(--gray-300);border-radius:8px;font-size:1rem;margin-bottom:16px;transition:border-color .2s}.login-input:focus{outline:none;border-color:var(--blue-primary)}.login-btn{width:100%;padding:12px;font-size:1rem}.btn-link{background:none;border:none;color:var(--blue-accent);cursor:pointer;font-size:.9rem;margin-top:12px;text-decoration:underline}.btn-link:hover{color:var(--blue-dark)}.login-error{color:var(--red);font-size:.85rem;margin-top:12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-primary: #0d47a1;--blue-dark: #08306b;--blue-light: #e3f2fd;--blue-accent: #1565c0;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-500: #9e9e9e;--gray-700: #616161;--gray-900: #212121;--green: #2e7d32;--red: #c62828}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6}a{color:var(--blue-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}