:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}button,input{font-family:inherit}*{box-sizing:border-box}body{color:#26364a;background:#f3f6fa;margin:0;font-family:Arial,sans-serif}button{cursor:pointer;font-family:inherit}.encabezado{color:#fff;background:#1268b3;justify-content:space-between;align-items:center;padding:25px 35px;display:flex}.encabezado h1{margin:0;font-size:32px}.encabezado p{margin:5px 0}.usuario{align-items:center;gap:15px;display:flex}.usuario button{color:#1268b3;background:#fff;border:none;border-radius:6px;padding:12px}.contenido{max-width:1200px;min-height:75vh;margin:auto;padding:35px 25px}.modulos{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.tarjeta{text-align:left;color:#26364a;background:#fff;border:1px solid #dce4ee;border-radius:12px;flex-direction:column;gap:12px;padding:30px 20px;display:flex}.tarjeta:hover{border-color:#1268b3;box-shadow:0 5px 20px #00000018}.tarjeta strong{color:#1268b3;font-size:19px}.icono{font-size:35px}.centrado{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:430px;padding:35px}.login h1{color:#1268b3;font-size:45px}.login input{border:1px solid #ccd5df;border-radius:7px;width:100%;margin:8px 0;padding:14px}.login button{color:#fff;background:#1268b3;border:none;border-radius:7px;width:100%;margin:12px 0;padding:14px}.login small{margin-top:15px;display:block}.detalle{background:#fff;border-radius:12px;padding:30px}.volver{color:#1268b3;background:0 0;border:none}.error{color:#b42318}footer{text-align:center;color:#778;padding:20px}@media (width<=800px){.modulos{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.modulos{grid-template-columns:1fr}.encabezado{flex-direction:column;align-items:flex-start;gap:15px}.usuario{flex-wrap:wrap}}.acciones-ordenes{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.formulario-orden{background:#f4f8fc;border:1px solid #dce6f0;border-radius:12px;flex-direction:column;gap:12px;max-width:650px;margin:25px 0;padding:25px;display:flex}.formulario-orden label{color:#24446b;font-weight:600}.formulario-orden input,.formulario-orden select,.formulario-orden textarea{box-sizing:border-box;color:#25364a;width:100%;font:inherit;background:#fff;border:1px solid #ccd6e0;border-radius:7px;padding:12px}.formulario-orden textarea{resize:vertical}.formulario-orden button,.acciones-ordenes button{color:#fff;cursor:pointer;background:#0876d8;border:none;border-radius:7px;padding:12px 18px}.formulario-orden button:disabled,.acciones-ordenes button:disabled{opacity:.55;cursor:not-allowed}.tabla-ordenes{border-collapse:collapse;width:100%;margin-top:18px}.tabla-ordenes th{color:#fff;text-align:left;background:#1266b1;padding:13px}.tabla-ordenes td{color:#26374a;border-bottom:1px solid #e1e6ed;padding:12px}.tabla-ordenes tbody tr:hover{background:#eef5fc}.mensaje-exito{color:#17643a;background:#e8f6ee;border-radius:8px;margin:15px 0;padding:14px}