body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(120deg,#f8fafc,#e0e7ff);font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;min-height:100vh}.App{background:#fff;border-radius:18px;box-shadow:0 6px 32px 0 #3c48641f;margin:40px auto;max-width:1100px;padding:32px 32px 48px}.video-background{background:#000;height:100vh;left:0;min-height:100%;min-width:100%;object-fit:cover;position:fixed;top:0;width:100vw;z-index:-1}.app-content{position:relative;z-index:1}h1{color:#3730a3;font-size:2.5rem;font-weight:800;letter-spacing:-1px}form,h1{margin-bottom:32px}form{align-items:center;display:flex;flex-wrap:wrap;gap:12px}form input{background:#f1f5f9;border:1px solid #c7d2fe;border-radius:6px;font-size:1rem;padding:8px 12px;transition:border .2s}form input:focus{border:1.5px solid #6366f1;outline:none}form button{background:linear-gradient(90deg,#6366f1,#818cf8);border:none;border-radius:6px;box-shadow:0 2px 8px 0 #6366f114;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 22px;transition:background .2s}form button:hover{background:linear-gradient(90deg,#4f46e5,#6366f1)}table{background:#f8fafc;border-collapse:collapse;border-radius:10px;margin-bottom:24px;overflow:hidden;width:100%}td,th{padding:12px 10px;text-align:left}th{background:#6366f1;color:#fff;font-size:1.05rem;font-weight:700}td{background:#fff;border-bottom:1px solid #e0e7ff;font-size:1rem}tr:last-child td{border-bottom:none}button{background:#e0e7ff;border:none;border-radius:5px;color:#3730a3;cursor:pointer;font-weight:500;margin-bottom:2px;margin-right:6px;padding:7px 14px;transition:background .2s,color .2s}button:hover{background:#6366f1;color:#fff}span[style*="color: green"]{color:#22c55e!important}span[style*="color: orange"]{color:#f59e42!important}span[style*="color: red"]{color:#ef4444!important}span[style*="color: gray"]{color:#64748b!important}.Metricas,.logs-table{background:#f1f5f9;border-radius:10px;box-shadow:0 2px 8px 0 #3c486412;margin:18px 0;padding:18px 16px}.Metricas h3,.logs-table b{color:#3730a3}.Portada{align-items:center;background:linear-gradient(120deg,#6366f1,#818cf8);display:flex;justify-content:center;min-height:100vh}.portada-content{animation:fadeIn 1.2s;background:#fff;border-radius:22px;box-shadow:0 8px 40px 0 #3c48642e;max-width:480px;padding:48px 36px 40px;text-align:center}.portada-content h1{font-size:2.7rem;font-weight:900;letter-spacing:-1px}.intro,.portada-content h1{color:#3730a3;margin-bottom:18px}.intro{font-size:1.15rem;line-height:1.6}.portada-content ul{color:#6366f1;font-size:1.08rem;margin:0 auto 18px;padding-left:22px;text-align:left}.btn-portada{background:linear-gradient(90deg,#6366f1,#818cf8);border:none;border-radius:8px;box-shadow:0 2px 12px 0 #6366f121;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;margin-top:18px;padding:14px 36px;transition:background .2s,transform .2s}.btn-portada:hover{background:linear-gradient(90deg,#4f46e5,#6366f1);transform:translateY(-2px) scale(1.04)}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (max-width:900px){.App{padding:12px}table,td,th{font-size:.97rem}form{align-items:stretch;flex-direction:column}}@media (max-width:600px){.App{padding:2px}h1{font-size:1.5rem}table,td,th{font-size:.92rem}}.main-header{align-items:center;background:linear-gradient(180deg,#000,#000);display:flex;justify-content:space-between;min-height:0;padding:2px 16px}.main-header-logo{display:block;height:200px}.main-header-nav{align-items:center;display:flex;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:1.18rem;font-weight:700;gap:24px}.main-header-btn,.main-header-link{background:none;border:none;color:#007bff;cursor:pointer;font-family:inherit;font-size:1.18rem;font-weight:700;padding:6px 12px;text-decoration:none;transition:color .2s}.main-header-btn:hover,.main-header-link:hover{background:#007bff;border-radius:6px;color:#fff;transition:color .2s,background .2s}.login-container{align-items:center;display:flex;justify-content:center;min-height:70vh}.login-form{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;display:flex;flex-direction:column;gap:18px;min-width:320px;padding:32px 24px}.login-form h2{color:#2d2d2d;margin-bottom:8px}.login-form input{border:1px solid #dcdcdc;border-radius:6px;font-size:1rem;padding:10px}.login-form button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:10px;transition:background .2s}.login-form button:hover{background:#0056b3}.login-error{color:#b30000;font-size:.98rem;margin-bottom:4px}.panel-monitoreo-container{background:#fff;border-radius:14px;box-shadow:0 4px 24px #00000014;margin:40px auto;max-width:420px;padding:32px 28px}.panel-monitoreo-form{display:flex;flex-direction:column;gap:16px}.panel-monitoreo-form input,.panel-monitoreo-form textarea{border:1px solid #dcdcdc;border-radius:6px;font-size:1rem;padding:10px}.panel-monitoreo-form button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:10px;transition:background .2s}.panel-monitoreo-form button:hover{background:#0056b3}.glass-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff2e;border:1.5px solid #ffffff40;border-radius:18px;box-shadow:0 8px 40px #6366f11a,0 2px 8px #0000000f;display:flex;flex-direction:column;gap:22px;max-width:370px;min-width:340px;padding:38px 32px 28px;position:relative;z-index:2}.glass-input{background:#ffffff73;border:1.5px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px #0001;color:#222;font-size:1.08rem;font-weight:500;outline:none;padding:12px;transition:border .2s,background .2s}.glass-input:focus{background:#ffffffb3;border:1.5px solid #3b82f6}.login-icon-anim{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.lock-spin{animation:lock-spin-anim 2.5s linear infinite;transform-origin:27px 27px}@keyframes lock-spin-anim{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.login-btn-anim{background:linear-gradient(90deg,#6366f1,#3b82f6);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f11a;color:#fff;cursor:pointer;font-size:1.13rem;font-weight:700;margin-top:8px;overflow:hidden;padding:12px;position:relative;transition:background .2s,box-shadow .2s}.login-btn-anim:hover{background:linear-gradient(90deg,#3b82f6,#6366f1);box-shadow:0 0 16px 4px #3b82f6cc,0 2px 8px #6366f11a}.registro-icon-anim{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.registro-spin{animation:registro-spin-anim 2.5s linear infinite;transform-origin:24px 24px}@keyframes registro-spin-anim{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.pw-strength{font-size:.97rem;font-weight:600;margin-bottom:10px;margin-top:-10px;padding-left:2px;text-align:left}.pw-strength-débil{color:#f87171}.pw-strength-media{color:#fbbf24}.pw-strength-fuerte{color:#22c55e}.glass-input.valid{background:#22c55e14;border:1.5px solid #22c55e!important}.glass-input.invalid{background:#f8717114;border:1.5px solid #f87171!important}.form-success-anim{animation:registro-success-pop .7s}@keyframes registro-success-pop{0%{transform:scale(1)}30%{transform:scale(1.04)}60%{transform:scale(.98)}to{transform:scale(1)}}.registro-success-check{animation:registro-check-fade 1.2s;position:absolute;right:18px;top:18px}@keyframes registro-check-fade{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1)}}.login-success-anim{animation:login-success-pop .7s}@keyframes login-success-pop{0%{transform:scale(1)}30%{transform:scale(1.04)}60%{transform:scale(.98)}to{transform:scale(1)}}.login-success-check{animation:login-check-fade 1.2s;position:absolute;right:18px;top:18px}@keyframes login-check-fade{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1)}}.inicio-img-anim{transition:transform .35s cubic-bezier(.4,2,.3,1),box-shadow .35s;will-change:transform,box-shadow}.inicio-img-anim:hover{box-shadow:0 8px 32px 0 #3b82f6aa,0 2px 8px #0002;transform:scale(1.12) translateY(-10px) rotate(-4deg);z-index:2}
/*# sourceMappingURL=main.8a93e9c7.css.map*/