.body.svelte-ypccrg{height:100%;margin:0;background:linear-gradient(90deg,#00008b,#001f3f,#036);font-family:Inter,sans-serif;color:#fff}.login-container.svelte-ypccrg{height:100vh;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.login-box.svelte-ypccrg{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:2.5rem 2rem 3rem;box-shadow:0 8px 20px #0000004d;width:100%;max-width:360px;text-align:center}.form-control.svelte-ypccrg{background:transparent;border:1.5px solid #dce1f0;color:#fff;padding-left:2.5rem}.form-control.svelte-ypccrg::-moz-placeholder{color:#cdd2e1cc;text-transform:uppercase;font-weight:400;font-size:.85rem}.form-control.svelte-ypccrg::placeholder{color:#cdd2e1cc;text-transform:uppercase;font-weight:400;font-size:.85rem}.form-control.svelte-ypccrg:focus{background:transparent;border-color:#fff;box-shadow:none;color:#fff}.input-group-text.svelte-ypccrg{background:transparent;border:none;color:#cdd2e1cc;position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.1rem}.btn-login.svelte-ypccrg{width:100%;font-weight:600;font-size:1rem;padding:.6rem;letter-spacing:.08em;border-radius:6px;box-shadow:0 4px 8px #ffffff4d;transition:background-color .3s ease}@media (max-width: 768px){.login-box.svelte-ypccrg{max-width:90vw;padding:2rem 1.5rem 2.5rem}}@media (max-width: 480px){.form-control.svelte-ypccrg{font-size:.85rem;padding-left:2rem}.input-group-text.svelte-ypccrg{font-size:1rem;left:10px}.btn-login.svelte-ypccrg{font-size:.9rem;padding:.5rem}}.popup.svelte-ypccrg{background:#ff4d4f;color:#fff;padding:10px 15px;border-radius:6px;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003;font-size:14px;animation:fadeInOut 3s ease forwards;z-index:999}.popup1.svelte-ypccrg{position:fixed;top:10px;left:40%;transform:translate(-10%);background-color:#1fa758;color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000}.login-logo.svelte-ypccrg{display:flex;flex-direction:column;align-items:center;justify-content:center}.company-logo.svelte-ypccrg{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;align-items:center;border:2px solid white;background-color:#dce1f0;box-shadow:0 0 8px #ffffff4d}.login-title.svelte-ypccrg{font-size:2rem;font-weight:500;color:#fff;margin-top:.75rem;letter-spacing:.5px}