*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}:root{--primary:#00c07c;--primary-dark:#089765;--primary-light:#e1effe;--success:#0e9f6e;--danger:#e02424;--warning:#ff5a1f;--info:#3f83f8;--text-dark:#1a202c;--text-medium:#4a5568;--text-light:#718096;--border:#e2e8f0;--background:#f9fafb;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.2s ease;--transition:.3s ease;--transition-slow:.5s ease;--radius-sm:.25rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px}html,body,#root{background-color:var(--background);width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.login-page{width:100%;height:100vh;display:flex}.image-column{flex:2;position:relative;overflow:hidden}@media (width<=992px){.image-column{display:none}}.image-wrapper{width:100%;height:100%}.hero-image{object-fit:cover;width:100%;height:100%;animation:20s infinite alternate zoom}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.image-overlay{background:linear-gradient(135deg,#00c07c66 0%,#00a7c066 100%);align-items:center;width:100%;height:100%;padding:0 10%;display:flex;position:absolute;top:0;left:0}.welcome-text{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:1rem;font-size:3rem;font-weight:800}.welcome-subtext{color:#ffffffe6;max-width:450px;font-size:1.25rem;line-height:1.6}.form-column{background-color:var(--white);z-index:10;flex:1;justify-content:center;align-items:center;min-width:450px;padding:2rem;display:flex;box-shadow:-10px 0 30px #0000000d}@media (width<=450px){.form-column{min-width:100%}}.form-wrapper{width:100%;max-width:380px}.brand-logo{margin-bottom:2.5rem;display:block}.login-title{color:var(--text-dark);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--text-light);margin-bottom:2rem;font-size:.95rem}.input-group{margin-bottom:1.5rem;position:relative}.input-icon{color:var(--text-light);transition:color .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-input{background-color:var(--white);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:56px;color:var(--text-dark);padding:0 1rem 0 3rem;font-size:1rem;transition:all .3s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #00c07c1a}.form-input:focus~.input-icon{color:var(--primary)}.login-button{background-color:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;height:56px;margin-top:1rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #00c07c33}.login-button:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #00c07c4d}.login-button:disabled{opacity:.7;cursor:not-allowed}.register-link-btn{text-align:center;width:100%;height:56px;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);background-color:#0000;margin-top:1rem;font-size:1rem;font-weight:600;line-height:56px;text-decoration:none;transition:all .3s;display:block}.register-link-btn:hover{color:var(--primary-dark);border-color:var(--primary-dark);background-color:#00c07c0d}.divider{color:var(--text-light);align-items:center;margin:2rem 0;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";background-color:var(--border);flex:1;height:1px}.divider span{padding:0 1rem}.loading-overlay{z-index:1000;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.spinner{border:4px solid #00c07c1a;border-left-color:var(--primary);border-radius:50%;width:50px;height:50px;margin-bottom:1.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--primary);letter-spacing:.05em;font-size:1.25rem;font-weight:600}.error-msg{color:var(--danger);border-radius:var(--radius);text-align:center;background:#e024241a;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.iframe-wrapper-container{z-index:2000;background:#fff;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.top-bar{background-color:var(--text-dark);color:#fff;z-index:2001;justify-content:space-between;align-items:center;height:48px;padding:0 1rem;display:flex;box-shadow:0 2px 8px #0003}.top-bar-left,.top-bar-right{align-items:center;gap:.75rem;display:flex}@media (width<=600px){.top-bar{gap:.5rem;height:56px;padding:0 .5rem}.bar-btn{padding:0 .6rem;font-size:.75rem}.bar-btn span.btn-text{display:none}}.bar-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;height:32px;padding:0 .8rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.bar-btn:hover{border-color:var(--primary);background:#fff3}.bar-btn.primary-bar-btn{background:var(--primary);border-color:var(--primary)}.bar-btn.primary-bar-btn:hover{background:var(--primary-dark)}.iframe-content{border:none;flex:1;width:100%}