*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}.app-layout{display:flex;min-height:100vh}.app-layout.sidebar-hidden{justify-content:center}.main-content{flex:1;margin-left:250px;overflow-y:auto}.app-layout.sidebar-hidden .main-content{width:100%;margin-left:0}.sidebar{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;width:250px;overflow-y:auto;background:linear-gradient(180deg,#1e3a4c,#2c5f7f);box-shadow:2px 0 8px #00000026}.sidebar-header{padding:1.5rem;border-bottom:2px solid #c41e3a;background:#14141e4d}.sidebar-header h2{margin:0;color:#fff;font-size:1.25rem}.menu-list{flex:1;margin:0;padding:1rem 0;list-style:none}.menu-item{margin:.25rem 0}.menu-link{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;border-left:3px solid transparent;color:#e0e0e0;font-weight:500;text-decoration:none;transition:all .3s ease}.menu-link:hover,.menu-link.active{padding-left:1.25rem;border-left-color:#c41e3a;color:#fff;background:#12578fe0}.menu-icon{min-width:1.5rem;font-size:1.25rem}.menu-label{flex:1}.sidebar-footer{padding:0;border-top:4px solid #415d69}.sidebar-logout{width:100%;padding:1rem 1.5rem;border:0;color:#fff;background:#0f172a4d;cursor:pointer;font:inherit;font-weight:700;text-align:center}.sidebar-logout:hover{background:#d84a16}.dashboard-page,.centros-page,.categorias-page,.articulos-page,.movimientos-page,.necesidades-page{min-height:100vh;background:#f5f5f5}.dashboard-page{padding:2rem}.dashboard-header,.centros-header,.categorias-header,.articulos-header,.movimientos-header,.necesidades-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;color:#fff;background:linear-gradient(135deg,#1e3a4c,#2c5f7f);box-shadow:0 2px 8px #0000001a}.dashboard-header{align-items:flex-end;margin-bottom:2rem;border-radius:.5rem}.dashboard-header h1,.centros-header h1,.categorias-header h1,.articulos-header h1,.movimientos-header h1,.necesidades-header h1{margin:0;font-size:1.875rem}.dashboard-header h1{font-size:2rem}.eyebrow{margin:0 0 .25rem;color:#f6c453;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.subtitle{margin:.35rem 0 0;color:#dbe9ef}.header-actions{display:flex;gap:1rem}.btn,.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:0;border-radius:.5rem;color:#fff;background:linear-gradient(135deg,#24557f,#275b93);cursor:pointer;font-size:1rem;font-weight:600}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;background:#9ca3af;transform:none}.filter-group{min-width:260px}.filter-group label,.filtro-campo label,.form-container label,.login-container label{display:block;margin-bottom:.25rem;color:#0a0b28;font-size:.875rem;font-weight:600}.filter-group select{width:100%;padding:.7rem .8rem;border:1px solid #cbd5e1;border-radius:.4rem;color:#1f2937;background:#fff;font:inherit}.summary-section{margin-bottom:2rem}.summary-section h2{color:#1e3a4c;font-size:1.2rem}.table-wrapper{overflow-x:auto;border-radius:.45rem;background:#fff;box-shadow:0 2px 6px #0f172a1a}.dashboard-page table{width:100%;min-width:620px;border-collapse:collapse}.dashboard-page th{padding:.85rem 1rem;color:#fff;background:#24557f;text-align:left}.dashboard-page td{padding:.7rem 1rem;border-bottom:1px solid #e5e7eb}.dashboard-page tbody tr:nth-child(2n){background:#fafbfc}.negative{color:#b91c1c;font-weight:700}.note,.empty,.loading{color:#6b7280;text-align:center}.empty,.loading{padding:1.5rem}.home-container{min-height:100vh;background:#f3f4f6}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;color:#fff;background:#1e293b}.navbar h1{margin:0;font-size:1.25rem}.user-info{display:flex;align-items:center;gap:1rem}.btn-logout{padding:.4rem .9rem;border:0;border-radius:.4rem;color:#fff;background:#ef4444;cursor:pointer;font-weight:600}.content{max-width:800px;margin:0 auto;padding:2.5rem 2rem}.hint{color:#6b7280}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#1e3a4c,#2c5f7f 50%,#1a4d6d)}.login-card{width:100%;max-width:420px;padding:2.5rem 2rem;border-radius:1rem;background:#fff;box-shadow:0 25px 50px #00000059}.login-header{margin-bottom:2rem;text-align:center}.logo{width:80px;height:80px;margin:0 auto 1.5rem}.logo img{width:100%;height:100%;object-fit:contain}.login-header h1{color:#1e3a4c}.alert{display:flex;gap:.5rem;margin:1rem;padding:.75rem 1rem;border-radius:.5rem}.alert-error{border:1px solid #fecaca;color:#b91c1c;background:#fef2f2}.login-container .alert{margin:0 0 1.25rem}.form-group{display:flex;flex-direction:column;margin-bottom:.75rem}.login-container .form-group{margin-bottom:1.25rem}.form-container input,.form-container select,.form-container textarea,.login-container input{width:100%;padding:.4rem .75rem;border:1.5px solid #d1d5db;border-radius:.5rem;color:#111827;background:#f9fafb;font:inherit;outline:0}.form-container input:focus,.form-container select:focus,.form-container textarea:focus,.login-container input:focus{border-color:#c41e3a;background:#fff;box-shadow:0 0 0 3px #c41e3a26}.input-error{border-color:#ef4444!important}.error-text{margin-top:.3rem;color:#ef4444;font-size:.8rem}.input-wrapper{position:relative}.input-wrapper input{padding-right:2.75rem}.toggle-password{position:absolute;top:50%;right:.625rem;padding:.25rem;border:0;background:none;cursor:pointer;transform:translateY(-50%)}.login-container .btn-primary{width:100%;margin-top:.5rem}app-centros-lista .lista-container,app-categorias-lista .lista-container,app-articulos-lista .lista-container,app-movimientos-lista .lista-container,app-necesidades-lista .lista-container{min-height:calc(100vh - 250px);padding:1.5rem;background:#f5f5f5}.table-responsive{overflow-x:auto;margin-bottom:2rem;border-radius:.5rem;background:#fff;box-shadow:0 2px 4px #0000001a}.centros-table,.categorias-table,.articulos-table,.movimientos-table,.necesidades-table{width:100%;border-collapse:collapse;font-size:.875rem}.centros-table thead,.categorias-table thead,.articulos-table thead,.movimientos-table thead,.necesidades-table thead{color:#fff;background:linear-gradient(135deg,#1e3a4c,#2c5f7f)}.centros-table th,.categorias-table th,.articulos-table th,.movimientos-table th,.necesidades-table th{padding:.5rem 1rem;text-align:left;font-weight:600;white-space:nowrap}.centros-table td,.categorias-table td,.articulos-table td,.movimientos-table td,.necesidades-table td{padding:.35rem 1rem;border-bottom:1px solid #e5e7eb}.centros-table tbody tr:nth-child(2n),.categorias-table tbody tr:nth-child(2n),.articulos-table tbody tr:nth-child(2n),.movimientos-table tbody tr:nth-child(2n),.necesidades-table tbody tr:nth-child(2n){background:#fafbfc}.centros-table tbody tr:hover,.categorias-table tbody tr:hover,.articulos-table tbody tr:hover,.movimientos-table tbody tr:hover{background:#f9fafb}.necesidades-table tbody tr:hover{background:#f1f5f9}.text-right{text-align:right}.sin-datos{padding:2rem!important;color:#9ca3af;text-align:center;font-style:italic}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.badge-activo,.badge-entrada,.badge-baja,.badge-cubierta{color:#065f46;background:#d1fae5}.badge-inactivo,.badge-urgente,.badge-pendiente{color:#991b1b;background:#fee2e2}.badge-salida,.badge-media,.badge-parcial{color:#92400e;background:#fef3c7}.acciones{display:flex;justify-content:center;gap:.5rem;white-space:nowrap}.btn-editar,.btn-eliminar{padding:.5rem;border:0;border-radius:.375rem;background:none;cursor:pointer;font-size:1rem}.btn-editar:hover{background:#fef3c7}.btn-eliminar:hover{background:#fee2e2}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1rem;border-radius:.5rem;background:#fff}.page-info{min-width:150px;color:#374151;text-align:center;font-weight:500}.btn-pag{padding:.5rem 1rem;border:0;border-radius:.375rem;color:#fff;background:linear-gradient(135deg,#c41e3a,#e63946);cursor:pointer}.btn-pag:disabled{cursor:not-allowed;opacity:.5}.filtros{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;align-items:end;gap:1rem;margin-bottom:1.5rem;padding:1rem;border-radius:.5rem;background:#fff;box-shadow:0 2px 4px #0000001a}.filtro-campo{min-width:0}.filtro-campo input,.filtro-campo select{width:100%;padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:.375rem}.btn-limpiar{padding:.55rem .875rem;border:1px solid #c41e3a;border-radius:.375rem;color:#c41e3a;background:#fff;cursor:pointer;font-weight:600;white-space:nowrap}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000080}.modal-content{width:100%;max-width:700px;max-height:90vh;overflow-y:auto;border-radius:.75rem;background:#fff;box-shadow:0 20px 25px #00000026}app-centros-alta .modal-content,app-centros-editar .modal-content,app-categorias-alta .modal-content,app-categorias-editar .modal-content,app-articulos-alta .modal-content,app-articulos-editar .modal-content{max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:2px solid #e5e7eb;color:#fff;background:linear-gradient(135deg,#1e3a4c,#2c5f7f)}.modal-header h2{margin:0;font-size:1.25rem}.btn-close{width:2rem;height:2rem;border:0;border-radius:.375rem;color:#fff;background:transparent;cursor:pointer;font-size:1.5rem}.form-container{padding:1rem 1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.5rem 1rem}app-centros-alta .form-grid,app-centros-editar .form-grid,app-categorias-alta .form-grid,app-categorias-editar .form-grid,app-articulos-alta .form-grid,app-articulos-editar .form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}app-necesidades-alta .form-grid,app-necesidades-editar .form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.full-width,.form-group.full-width{grid-column:1 / -1}.form-actions{display:flex;gap:1rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.btn-secondary,.form-actions .btn-primary{flex:1}.btn-secondary{border:0;border-radius:.5rem;color:#374151;background:#e5e7eb;cursor:pointer}@media(max-width:768px){.sidebar{width:200px}.main-content{margin-left:200px}.dashboard-page{padding:1rem}.dashboard-header,.centros-header,.categorias-header,.articulos-header,.movimientos-header,.necesidades-header{align-items:stretch;flex-direction:column}.filter-group{min-width:0}.header-actions,.btn{width:100%}app-centros-lista .lista-container,app-categorias-lista .lista-container,app-articulos-lista .lista-container,app-movimientos-lista .lista-container,app-necesidades-lista .lista-container{padding:1rem}.pagination{flex-wrap:wrap}.filtros{grid-template-columns:1fr}.btn-limpiar{width:100%}}@media(max-width:600px){.form-grid,app-centros-alta .form-grid,app-centros-editar .form-grid,app-categorias-alta .form-grid,app-categorias-editar .form-grid,app-articulos-alta .form-grid,app-articulos-editar .form-grid,app-necesidades-alta .form-grid,app-necesidades-editar .form-grid{grid-template-columns:1fr}}