.login-wrapper{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:460px;box-shadow:var(--shadow-lg);opacity:0;background:#fff;border-radius:18px;padding:45px 40px;animation:.6s forwards fadeCard}.login-logo-container{justify-content:center;width:100%;margin-bottom:35px;display:flex}.login-logo{width:420px;max-width:80%;height:auto}.login-title{text-align:center;letter-spacing:.5px;color:var(--text);opacity:0;margin-bottom:35px;font-size:22px;font-weight:700;animation:.6s forwards fadeUp}.login-card form{flex-direction:column;gap:20px;display:flex}.form-group{opacity:0;animation:.5s forwards fadeUp;position:relative}.form-group:first-child{animation-delay:.3s}.form-group:nth-child(2){animation-delay:.45s}.form-group label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid var(--border);background:#f9fafb;border-radius:10px;width:100%;height:46px;padding:0 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #03465014}.password-wrapper{position:relative}.password-wrapper input{padding-right:44px}.password-wrapper .toggle-password{cursor:pointer;color:#0f172a80;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-wrapper .toggle-password:hover{color:var(--text)}.login-row{opacity:0;justify-content:space-between;align-items:center;font-size:13px;animation:.5s .6s forwards fadeUp;display:flex}.remember{align-items:center;gap:6px;display:flex}.forgot-link{color:var(--primary);cursor:pointer}.forgot-link:hover{text-decoration:underline}.login-error{color:#dc2626;font-size:13px}.login-btn{cursor:pointer;background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;opacity:0;border:none;border-radius:12px;width:100%;height:48px;font-size:15px;font-weight:600;transition:all .3s;animation:.5s .75s forwards fadeUp}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #03465040}.login-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeCard{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-legal{color:#94a3b8;text-align:center;margin-top:14px;font-size:11px;line-height:1.5}.login-legal a{color:#64748b;text-decoration:underline}.login-legal a:hover{color:#4f46e5}.merchant-pick-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.select-card{width:100%;max-width:520px;box-shadow:var(--shadow-md);z-index:2;background:#fff;border-radius:16px;padding:32px;animation:.25s fadeIn;position:relative}.select-greeting{margin-bottom:8px}.select-greeting h1{color:var(--text);margin:0;font-size:22px;font-weight:700}.workspace-title{letter-spacing:1px;text-transform:uppercase;color:#0f172a8c;margin:16px 0 4px;font-size:12px;font-weight:600}.select-sub{color:var(--muted);margin-bottom:22px;font-size:13px}.merchant-list{flex-direction:column;gap:10px;display:flex}.merchant-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:transform .15s,box-shadow .15s;display:flex}.merchant-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a14}.merchant-left{align-items:center;gap:10px;display:flex}.merchant-avatar{width:28px;height:28px;color:var(--primary);background:#03465014;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.merchant-logo{object-fit:cover;border-radius:50%;width:28px;height:28px}.merchant-name{color:var(--text);font-size:14px;font-weight:500}.merchant-badge{color:var(--primary);background:#03465014;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.select-logout{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc262666;border-radius:10px;width:100%;margin-top:28px;padding:10px;font-size:13px;transition:transform .15s,box-shadow .15s}.select-logout:hover{transform:translateY(-2px);box-shadow:0 8px 18px #ef444426}.decor-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.decor-bg .blob{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:28px;animation:14s ease-in-out infinite floaty;position:absolute;box-shadow:0 40px 80px #0f172a1f,inset 0 1px #fff6}.decor-bg .b1{width:220px;height:170px;top:18%;left:6%;transform:rotate(-12deg)}.decor-bg .b2{width:260px;height:200px;top:12%;right:8%;transform:rotate(18deg)}.decor-bg .b3{width:240px;height:180px;bottom:8%;left:20%;transform:rotate(-8deg)}@keyframes floaty{0%{transform:translateY(0)translate(0)}50%{transform:translateY(20px)translate(15px)}to{transform:translateY(0)translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.decor-bg{opacity:.25}.decor-bg .b2,.decor-bg .b3{display:none}.merchant-pick-page{padding:40px 16px}}:root{--primary:#0592a7;--primary-dark:#047085;--bg:#f4f6f8;--text:#0f172a;--border:#e2e8f0;--shadow-lg:0 25px 50px -12px #00000026;--radius-lg:18px;--radius-md:14px;--radius-sm:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button{background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}