*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh}.navbar{background:#0f3460;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:56px;box-shadow:0 2px 8px #00000026}.nav-brand a{color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:.5rem}.nav-link{color:#ffffffbf;text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#fff3;color:#fff}.container{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}h1{margin-bottom:1.5rem;color:#16213e;font-size:1.8rem}h2{margin-bottom:1rem;font-size:1.2rem;color:#0f3460}.loading{text-align:center;padding:3rem;color:#64748b;font-size:1.1rem}.resumen-cards{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.resumen-card{background:#fff;border-radius:10px;padding:1rem 1.2rem;min-width:120px;flex:1;box-shadow:0 2px 6px #0000000f;display:flex;flex-direction:column;align-items:center}.resumen-card.alerta{background:#fef2f2;border:1px solid #fecaca}.resumen-numero{font-size:1.8rem;font-weight:700;color:#0f3460}.resumen-card.alerta .resumen-numero{color:#dc2626}.resumen-label{font-size:.8rem;color:#64748b;text-align:center;margin-top:.25rem}.filtros{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.filtros select{padding:.5rem .8rem;border:1px solid #ccc;border-radius:8px;font-size:.9rem;min-width:180px;background:#fff}.form-card{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;min-width:180px}.form-group.full-width{grid-column:1 / -1}.form-group.checkbox-group{flex-direction:row;align-items:center;gap:.5rem}.form-group.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.form-group label{margin-bottom:.3rem;font-weight:600;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .8rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0f3460}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn{padding:.6rem 1.4rem;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;font-weight:600;transition:background .2s,transform .1s;text-decoration:none;display:inline-flex;align-items:center}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#0f3460;color:#fff}.btn-primary:hover{background:#16213e}.btn-cancel{background:#e2e8f0;color:#333}.btn-cancel:hover{background:#cbd5e1}.btn-edit{background:#f59e0b;color:#fff}.btn-edit:hover{background:#d97706}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.table-card{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:.75rem 1rem;background:#0f3460;color:#fff;font-size:.9rem;white-space:nowrap}thead th:first-child{border-radius:8px 0 0}thead th:last-child{border-radius:0 8px 0 0}tbody td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-size:.9rem}tbody tr:hover{background:#f8fafc}tbody tr.row-demorado{background:#fef3c7}tbody tr.row-demorado:hover{background:#fde68a}.dias-alerta{color:#dc2626;font-weight:700}.badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;background:#e0e7ff;color:#3730a3}.badge-alerta{background:#fecaca;color:#dc2626}.badge-ok{background:#d1fae5;color:#059669}.detalle-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.detalle-header h1{margin-bottom:0}.detalle-actions{display:flex;gap:.5rem}.detalle-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detalle-grid .full-width{grid-column:1 / -1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:480px;box-shadow:0 10px 40px #0003}.modal h2{margin-bottom:1.2rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.inline-edit{display:flex;gap:.3rem;align-items:center}.input-small{width:80px;padding:.3rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem}.actions{display:flex;gap:.5rem}.empty-msg{text-align:center;padding:2rem;color:#94a3b8;font-style:italic}.error-msg{background:#fef2f2;color:#dc2626;padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem;text-align:center}@media (max-width: 768px){.navbar{flex-direction:column;height:auto;padding:.75rem 1rem;gap:.5rem}.form-grid,.detalle-grid{grid-template-columns:1fr}.resumen-cards,.filtros{flex-direction:column}.filtros select{width:100%}.detalle-header{flex-direction:column;align-items:flex-start}}