@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.login-container{background:var(--bg-main);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center;width:320px;padding:2rem}.login-box h2{color:var(--uajms-blue-primary);margin-bottom:20px}.login-box input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;margin-bottom:12px;padding:10px;font-size:14px}.login-box input:focus{border-color:var(--uajms-blue-light);outline:none}.login-box button{background:var(--uajms-blue-primary);color:#fff;border-radius:var(--radius-sm);border:none;width:100%;padding:10px;font-weight:500;transition:all .2s}.login-box button:hover{background:var(--uajms-blue-dark)}.login-box button:disabled{opacity:.6;cursor:not-allowed}.error{color:#b91c1c;margin-bottom:10px;font-size:14px}.navbar{background:var(--uajms-blue-primary);height:60px;color:var(--text-white);border-bottom:2px solid var(--uajms-gold);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.brand-name{font-size:18px;font-weight:600}.actions{align-items:center;gap:15px;display:flex}.btn-theme{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.user-profile{align-items:center;gap:10px;display:flex}.user-name{font-size:14px}.btn-logout{background:var(--uajms-gold);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 10px;font-size:13px}.btn-logout:hover{background:var(--uajms-gold-accent)}.sidebar{background:var(--uajms-blue-dark);width:240px;color:var(--text-white);border-right:2px solid var(--uajms-gold);box-sizing:border-box;flex-direction:column;padding:20px 10px;display:flex}.sidebar-title{text-align:center;margin-bottom:20px;font-size:18px;font-weight:600}.menu{margin:0;padding:0;list-style:none}.menu li{margin-bottom:8px}.menu a{border-radius:var(--radius-sm);color:var(--text-white);align-items:center;gap:12px;padding:10px 15px;text-decoration:none;transition:all .2s;display:flex}.menu a:hover{background:var(--uajms-blue-light)}.menu a.active{background:var(--uajms-gold);color:var(--uajms-blue-dark);font-weight:600}.icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;font-size:22px!important}.footer{background:var(--bg-card);border-top:1px solid var(--border-color);height:50px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.footer-content{align-items:center;gap:12px;display:flex}.separator{color:var(--border-color)}.version{color:var(--uajms-blue-light);font-weight:600}.dashboard{min-height:100vh;display:flex}.dashboard>.sidebar{background:var(--uajms-blue-dark);width:240px;color:var(--text-white)}.main{background:var(--bg-main);flex-direction:column;flex:1;display:flex}.main>.navbar{flex-shrink:0}.content{flex:1;padding:24px;overflow-y:auto}.main>.footer{flex-shrink:0}.dashboard-home{flex-direction:column;gap:20px;display:flex}.title{font-size:24px;font-weight:600}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:5px solid var(--uajms-blue-primary);padding:20px;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card h3{color:var(--text-muted);font-size:14px}.value{margin:10px 0;font-size:28px;font-weight:700}.info{color:var(--text-muted);font-size:12px}.card.warning{border-left:5px solid #dc2626}.table-section{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}table{border-collapse:collapse;width:100%}th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-muted);padding:10px;font-size:13px}td{border-bottom:1px solid var(--border-color);padding:10px}.status{border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-weight:500}.status.activo{background:var(--status-available-bg);color:var(--status-available-text)}.status.vencido{background:var(--status-penalty-bg);color:var(--status-penalty-text)}.usuarios-page{flex-direction:column;gap:20px;display:flex}.usuarios-header{justify-content:space-between;align-items:center;display:flex}.usuarios-title{color:var(--text-main);margin:0;font-size:22px;font-weight:600}.btn-primary{background:var(--uajms-blue-primary);color:var(--text-white);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 18px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--uajms-blue-light)}.usuarios-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;overflow-x:auto}.table th{text-align:left;color:var(--text-main);padding:10px;font-size:14px}.table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:10px;font-size:14px}.empty-table{text-align:center;color:var(--text-muted);padding:30px!important}.badge,.role-badge{border-radius:20px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.bloqueado{color:#991b1b;background:#fee2e2}.role-badge{color:var(--uajms-blue-primary);background:#dbeafe}.action-buttons{flex-wrap:wrap;gap:6px;display:flex}.action-buttons button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 10px;font-size:12px}.btn-edit{background:var(--uajms-blue-primary);color:#fff}.btn-edit:hover{background:var(--uajms-blue-light)}.btn-block{background:var(--uajms-gold);color:var(--uajms-blue-dark)}.btn-disable{color:#fff;background:#dc2626}.btn-disable:hover{background:#b91c1c}.btn-active{color:#fff;background:#16a34a}.btn-active:hover{background:#15803d}.pagination{justify-content:space-between;align-items:center;display:flex}.btn-page:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-md);text-align:center;max-height:90vh;padding:20px;overflow-y:auto}.usuario-modal{text-align:left;width:min(650px,90vw)}.usuario-modal h3{color:var(--text-main);margin-top:0}.usuario-modal h4{color:var(--uajms-blue-primary);border-bottom:1px solid var(--border-color);margin:8px 0;padding-bottom:6px}.usuario-form{flex-direction:column;gap:14px;margin-top:15px;display:flex}.usuario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.usuario-grid div{flex-direction:column;gap:5px;display:flex}.usuario-form label{color:var(--text-main);font-size:12px;font-weight:600}.usuario-form input,.usuario-form select{box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;color:var(--text-main);padding:9px 10px;font-size:14px}.usuario-form input:focus,.usuario-form select:focus{border-color:var(--uajms-blue-light);box-shadow:0 0 0 1px var(--uajms-blue-light);outline:none}.usuario-form small{color:var(--text-muted)}.register-type{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;display:grid}.register-type button{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);background:#e5e7eb;padding:9px}.register-type button.selected{background:var(--uajms-blue-primary);color:#fff;border-color:var(--uajms-blue-primary)}.modal-actions .btn-cancel{color:#1f2937;background:#e5e7eb}.btn-ok{background:var(--uajms-blue-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:15px;padding:8px 18px}@media (width<=700px){.usuarios-header{flex-direction:column;align-items:stretch;gap:12px}.usuario-grid,.register-type{grid-template-columns:1fr}.action-buttons{min-width:120px}}.areas-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.areas-container h2{margin-bottom:15px;font-size:22px;font-weight:600}.areas-container form{gap:10px;margin-bottom:20px;display:flex}.areas-container input{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;padding:8px}.areas-container button{border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:none;padding:8px 14px}.areas-container button:hover{opacity:.9}.table th,.table td{border-bottom:1px solid var(--border-color);text-align:left;padding:10px}.table th{background:#0000000d}.table td button{border-radius:var(--radius-sm);cursor:pointer;border:none;margin-right:8px;padding:6px 10px}.table td button:first-child{color:#fff;background:#dc2626}.table td button:last-child{color:#fff;background:#f59e0b}.table input{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px}.modal-box{background:var(--bg-card);border-radius:var(--radius-md);width:300px;box-shadow:var(--shadow-md);padding:20px}.modal-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 12px}.modal-actions .danger{color:#fff;background:#dc2626}.badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge svg{font-size:16px}.badge.activo{color:#166534;background:#dcfce7}.badge.inactivo{color:#991b1b;background:#fee2e2}.recursos-page{flex-direction:column;gap:20px;display:flex}.recursos-title{color:var(--text-main);font-size:22px;font-weight:600}.recursos-form{flex-direction:column;gap:12px;display:flex}.recursos-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.form-grid input,.form-grid select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);padding:10px 12px;font-size:14px;transition:all .2s}.form-grid button{border-radius:var(--radius-sm);background:var(--uajms-blue-primary);color:var(--text-white);cursor:pointer;border:none;grid-column:span 2;padding:10px;font-weight:500}.form-grid input:focus,.form-grid select:focus{border-color:var(--uajms-blue-light);box-shadow:0 0 0 1px var(--uajms-blue-light);outline:none}.form-grid input::placeholder{color:var(--text-muted)}.form-grid button{transition:all .2s}.form-grid button:active{transform:scale(.98)}.table{border-collapse:collapse;width:100%;margin-top:10px}.table th{text-align:left;padding:10px;font-size:14px}.table td{border-bottom:1px solid var(--border-color);padding:10px;font-size:14px}.btn-delete{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#dc2626;border:none;padding:6px 10px;font-size:13px}.btn-delete:hover{background:#b91c1c}.btn-toggle{background:var(--uajms-gold);color:var(--uajms-blue-dark);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 10px;font-size:13px}.btn-toggle:hover{background:var(--uajms-gold-accent)}.badge.disponible{background:var(--status-available-bg);color:var(--status-available-text)}.badge.prestado{background:var(--status-borrowed-bg);color:var(--status-borrowed-text)}.modal-box.success{border-left:5px solid #16a34a}.modal-box.error{border-left:5px solid #dc2626}.modal-box{background:var(--bg-card);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-md);text-align:center;padding:20px;overflow-y:auto}.tribunal{flex-direction:column;display:flex}.modal-box.warning{border-left:5px solid #f59e0b}.modal-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:8px}.modal-actions button:first-child{color:#fff;background:#dc2626}.btn-cancel{background:#e5e7eb}.btn-toggle{background:var(--uajms-gold,#f59e0b);color:var(--uajms-blue-dark,#0f172a);border-radius:var(--radius-sm,4px);cursor:pointer;border:none;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.btn-toggle:hover{background:var(--uajms-gold-accent,#d97706);transform:translateY(-1px)}.btn-toggle:active{transform:scale(.98)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{background:var(--bg-card,#fff);border-radius:var(--radius-md,8px);width:100%;max-width:400px;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f);padding:24px}.modal-box h3{color:var(--text-main,#1e293b);border-bottom:1px solid var(--border-color,#e2e8f0);margin-top:0;margin-bottom:16px;padding-bottom:10px;font-size:18px;font-weight:600}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.modal-actions button{border-radius:var(--radius-sm,4px);cursor:pointer;border:none;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.lectores-header-actions{justify-content:flex-end;margin-bottom:16px;display:flex}.btn-add{background:var(--uajms-blue-primary,#036);color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;border:none;padding:9px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-add:hover{background:var(--uajms-blue-light,#048);transform:translateY(-1px)}.modal-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-form div{flex-direction:column;gap:5px;display:flex}.modal-form label{color:var(--text-main,#1e293b);font-size:12px;font-weight:600}.modal-form input,.modal-form select{box-sizing:border-box;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-sm,4px);width:100%;padding:8px 10px;font-size:14px}.modal-form input:focus,.modal-form select:focus{border-color:var(--uajms-blue-primary,#036);outline:none}@media (width<=600px){.modal-form{grid-template-columns:1fr}.modal-box{max-height:90vh;margin:16px;overflow-y:auto}}.modal-actions button:not(.btn-cancel){background:var(--uajms-blue-primary,#036);color:var(--text-white,#fff)}.modal-actions button:not(.btn-cancel):hover{background:var(--uajms-blue-light,#048)}.btn-cancel{color:#475569;background:#e2e8f0}.btn-cancel:hover{background:#cbd5e1}.btn-page{background:var(--uajms-gold);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 10px;font-size:13px}.prestamos-page{flex-direction:column;gap:20px;display:flex}.prestamos-title{font-size:22px;font-weight:600}.prestamos-form,.prestamos-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.form-grid input,.form-grid select{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px}.form-grid button{background:var(--uajms-blue-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;grid-column:span 2;padding:10px}.form-grid button:hover{background:var(--uajms-blue-light)}.table{border-collapse:collapse;width:100%}.table thead{color:#fff}.table th,.table td{border-bottom:1px solid var(--border-color);padding:10px}.table tbody tr:hover{background:#f1f5f9}.btn-return{background:var(--uajms-gold);color:var(--uajms-blue-dark);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 10px}.btn-return:hover{background:var(--uajms-gold-accent)}.btn-page{background:var(--uajms-gold);border-radius:var(--radius-sm);cursor:pointer;color:#f1f5f9;border:none;padding:6px 10px;font-size:13px}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:12px;width:100%;max-width:520px;padding:24px;animation:.2s fadeIn;box-shadow:0 10px 30px #0003}.modal-box h3{border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:8px}.modal-box label{color:#555;font-size:12px;font-weight:600}.modal-box input,.modal-box select{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:10px;transition:all .2s}.modal-box input:focus,.modal-box select:focus{border-color:var(--uajms-blue-primary);outline:none;box-shadow:0 0 0 2px #0033661a}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-cancel{cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:8px 14px}.modal-actions button[type=submit]{background:var(--uajms-blue-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px}.modal-actions button[type=submit]:hover{background:var(--uajms-blue-light)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--uajms-blue-primary:#0f2c59;--uajms-blue-dark:#081a36;--uajms-blue-light:#1a4480;--uajms-gold:#dac0a3;--uajms-gold-accent:#bfa58a;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--text-white:#fff;--status-available-bg:#dcfce7;--status-available-text:#15803d;--status-borrowed-bg:#fef9c3;--status-borrowed-text:#a16207;--status-penalty-bg:#fee2e2;--status-penalty-text:#b91c1c;--border-color:#e2e8f0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}a{color:var(--uajms-blue-light);text-decoration:none}a:hover{text-decoration:none}button{font-family:var(--font-family);cursor:pointer}#root{flex-direction:column;min-height:100vh;display:flex}[data-theme=dark]{--bg-main:#0b1120;--bg-card:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--uajms-blue-primary:#081a36;--uajms-blue-dark:#020617}