#app{padding:2rem}*{font-family:Montserrat,sans-serif;margin:0;padding:0}body{background-color:#1b1b1b;color:#fff}#app{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.fondo-register[data-v-27f6e72d]{position:absolute;top:0;left:0;width:100%;height:100%;filter:opacity(10%);z-index:-1;object-fit:cover}.separator[data-v-27f6e72d]{width:2px;height:70%;background-color:#ffffff80;border-radius:10px}.login-container[data-v-27f6e72d]{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;gap:5%;color:#fff;overflow:hidden}.intro-login[data-v-27f6e72d]{display:flex;justify-content:center;align-items:center;text-align:center}.intro-login h1[data-v-27f6e72d]{width:100%;font-family:Bebas Neue,sans-serif;font-weight:400;font-size:6rem}.intro-login img[data-v-27f6e72d]{width:35%;margin-right:-90%}.form-login[data-v-27f6e72d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-right:15%}.input-group[data-v-27f6e72d]{width:100%;display:flex;flex-direction:column;margin-top:10%}.input-field[data-v-27f6e72d]{padding:12px;font-size:1rem;border-radius:8px;border:2px solid #ccc;background-color:#2a2a2a;color:#fff;transition:.3s}.submit-btn[data-v-27f6e72d]{margin-top:20px;width:100%;text-align:center;color:#fff;padding:15px;border:none;border-radius:30px;cursor:pointer;font-weight:700;background:linear-gradient(45deg,#04c444,#0084c2);transition:.3s;text-transform:uppercase}.submit-btn[data-v-27f6e72d]:hover{transform:scale(1.1)}.register-link[data-v-27f6e72d]{margin-top:15px;color:#ccc}.register-link .link[data-v-27f6e72d]{color:#0098e5;text-decoration:none}.register-link .link[data-v-27f6e72d]:hover{color:#ccc}.submit-btn[data-v-27f6e72d]:disabled,.demo-btn[data-v-27f6e72d]:disabled{opacity:.6;cursor:progress}.demo-access[data-v-27f6e72d]{margin-top:28px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.demo-buttons[data-v-27f6e72d]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.demo-btn[data-v-27f6e72d]{flex:1 1 200px;padding:12px 16px;border-radius:30px;border:2px solid rgb(4,196,68);background:transparent;color:#fff;font-weight:700;cursor:pointer;transition:.3s}.demo-btn[data-v-27f6e72d]:hover:not(:disabled){background:#04c44426;transform:scale(1.03)}.demo-note[data-v-27f6e72d]{margin:0;font-size:.85rem;color:#ccc;text-align:center}.demo-reset[data-v-27f6e72d]{padding:0;border:none;background:none;color:#0098e5;font:inherit;text-decoration:underline;cursor:pointer}.demo-reset[data-v-27f6e72d]:hover{color:#ccc}.popup[data-v-27f6e72d]{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;box-shadow:0 0 10px #0003;justify-content:center;align-items:center}.popup-content[data-v-27f6e72d]{background-color:#1b1b1b;padding:5%;border-radius:15px;text-align:center;color:#fff}.popup-close[data-v-27f6e72d]{margin-top:8%;padding:10px;cursor:pointer;background:transparent;color:#fff;border:2px white solid;border-radius:5px;box-shadow:15px #000c;transition:.3s}.popup-close[data-v-27f6e72d]:hover{transform:scale(1.1)}.login-role-toggle[data-v-27f6e72d]{display:flex;justify-content:center;align-items:center;background:#2a2a2a;border-radius:25px;overflow:hidden;margin-bottom:20px;width:250px;height:40px;cursor:pointer}.login-role-toggle span[data-v-27f6e72d]{flex:1;text-align:center;padding:10px;color:#ccc;font-weight:500;transition:.3s}.login-role-toggle span.active[data-v-27f6e72d]{background:linear-gradient(45deg,#04c444,#0084c2);color:#fff}.popup[data-v-27f6e72d]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:999}.popup-content.success[data-v-27f6e72d]{background-color:#1e293b;padding:30px 40px;border-radius:16px;text-align:center;color:#fff;box-shadow:0 4px 20px #0009;animation:fadeIn-27f6e72d .3s ease-out}.logo-check[data-v-27f6e72d]{width:40px;height:40px;margin-bottom:10px;animation:bounce-27f6e72d .5s ease}.popup-text[data-v-27f6e72d]{font-size:1.1rem;font-weight:500}.popup-content.popup-error[data-v-27f6e72d]{background-color:#7f1d1d;padding:30px 40px;border-radius:16px;text-align:center;color:#fff;box-shadow:0 4px 20px #0009;animation:shake-27f6e72d .4s ease-in-out}@keyframes shake-27f6e72d{0%{transform:translate(-6px)}25%{transform:translate(6px)}50%{transform:translate(-4px)}75%{transform:translate(4px)}to{transform:translate(0)}}@keyframes fadeIn-27f6e72d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-27f6e72d{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media screen and (max-width: 768px){.login-container[data-v-27f6e72d]{flex-direction:column;padding:20px;height:auto;gap:30px;margin-top:15%}.intro-login[data-v-27f6e72d]{flex-direction:column;margin-bottom:20px}.intro-login h1[data-v-27f6e72d]{font-size:3rem;margin-top:10px}.intro-login img[data-v-27f6e72d]{width:120px;margin-right:0}.separator[data-v-27f6e72d]{display:none}.form-login[data-v-27f6e72d]{width:100%;margin:0}.input-group[data-v-27f6e72d]{margin-top:10px}.input-field[data-v-27f6e72d]{padding:10px;font-size:.95rem}.submit-btn[data-v-27f6e72d]{padding:12px;font-size:.95rem}.login-role-toggle[data-v-27f6e72d]{width:100%;max-width:300px}.popup-content[data-v-27f6e72d]{width:90%;padding:20px}.popup-close[data-v-27f6e72d]{padding:8px 16px}.fondo-register[data-v-27f6e72d]{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:opacity(10%);z-index:-1}}.fondo-register[data-v-2411bc75]{position:absolute;top:0;left:0;width:100%;height:100%;filter:opacity(10%);z-index:-1;object-fit:cover}.separator[data-v-2411bc75]{width:2px;height:70%;background-color:#ffffff80;border-radius:10px}.register-container[data-v-2411bc75]{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;gap:5%;color:#fff;overflow:hidden}.intro-register[data-v-2411bc75]{display:flex;justify-content:center;align-items:center;text-align:center}.intro-register h1[data-v-2411bc75]{width:100%;font-family:Bebas Neue,sans-serif;font-weight:400;font-size:6rem}.intro-register img[data-v-2411bc75]{width:35%;margin-right:-90%}.form-register[data-v-2411bc75]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-right:15%}.input-group[data-v-2411bc75]{width:100%;display:flex;flex-direction:column;margin-top:10%}.input-field[data-v-2411bc75]{padding:12px;font-size:1rem;border-radius:8px;border:2px solid #ccc;background-color:#2a2a2a;color:#fff;transition:.3s}.submit-btn[data-v-2411bc75]{margin-top:20px;width:100%;text-align:center;color:#fff;padding:15px;border:none;border-radius:30px;cursor:pointer;font-weight:700;background:linear-gradient(45deg,#04c444,#0084c2);transition:.3s;text-transform:uppercase}.submit-btn[data-v-2411bc75]:hover{transform:scale(1.1)}.login-link[data-v-2411bc75]{margin-top:15px;color:#ccc}.login-link .link[data-v-2411bc75]{color:#0098e5;text-decoration:none}.login-link .link[data-v-2411bc75]:hover{color:#ccc}.popup[data-v-2411bc75]{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:999}.popup-content[data-v-2411bc75]{background-color:#1b1b1b;padding:5%;border-radius:15px;text-align:center;color:#fff;max-width:400px}.popup-close[data-v-2411bc75]{margin-top:8%;padding:10px 20px;cursor:pointer;background:transparent;color:#fff;border:2px white solid;border-radius:5px;box-shadow:0 0 10px #000c;transition:.3s}.popup-close[data-v-2411bc75]:hover{transform:scale(1.1)}.register-subtitle[data-v-2411bc75]{text-align:center;max-width:400px;font-size:1rem;color:#ccc;margin-bottom:30px}.input-label[data-v-2411bc75]{font-size:.9rem;color:#aaa;margin-bottom:6px;padding-left:4px}@media (max-width: 768px){.register-container[data-v-2411bc75]{flex-direction:column;gap:20px;padding:20px;height:auto}.intro-register[data-v-2411bc75]{flex-direction:column;margin-top:20px}.intro-register h1[data-v-2411bc75]{font-size:3rem}.intro-register img[data-v-2411bc75]{width:80px;margin:0 auto 10px}.form-register[data-v-2411bc75]{margin-right:0;width:100%;padding:0 10px}.separator[data-v-2411bc75]{display:none}.fondo-register[data-v-2411bc75]{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:opacity(10%);z-index:-1}.register-subtitle[data-v-2411bc75]{font-size:.95rem;padding:0 10px}.popup-content[data-v-2411bc75]{width:90%;padding:20px}}