:root{--auth-teal:#139c9b;--auth-teal-dark:#087276;--auth-blue:#1e6f93;--auth-ink:#0e1b35;--auth-muted:#667085;--auth-line:#d9e2ea;--auth-soft:#f5fbfb}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--auth-ink);background:#fff}button,input{font:inherit}.vendor-signin-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(390px,.88fr);background:#fff;overflow:hidden}.vendor-signin-form-side{display:flex;align-items:center;justify-content:center;padding:34px 28px}.vendor-signin-form{width:min(530px,100%)}.vendor-signin-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;text-decoration:none}.floorlo-logo-mark{width:42px;height:38px;display:grid;place-items:center;color:var(--auth-teal);font-size:31px}.floorlo-logo-text{color:var(--auth-teal);font-family:Poppins,Inter,sans-serif;font-size:29px;font-weight:700}.vendor-signin-heading{text-align:center;margin-bottom:30px}.vendor-signin-heading h1{margin:0 0 9px;font-family:Poppins,Inter,sans-serif;font-size:31px;line-height:1.18;font-weight:700}.vendor-signin-heading p{margin:0;color:var(--auth-muted);font-size:14px;line-height:1.55}.vendor-field{position:relative;margin-bottom:18px}.vendor-field-label{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.vendor-field-label span,label span{color:#dc2626}.vendor-input-wrap{height:51px;border:1px solid var(--auth-line);border-radius:11px;display:flex;align-items:center;background:#fff;transition:.18s}.vendor-input-wrap:focus-within{border-color:var(--auth-teal);box-shadow:0 0 0 3px rgba(19,156,155,.09)}.vendor-input-wrap input{flex:1;min-width:0;height:49px;border:0;outline:0;background:transparent;padding:0 14px;font-size:14px}.vendor-input-icon,.password-toggle{width:50px;height:49px;border:0;background:transparent;display:grid;place-items:center;color:#0d2748;font-size:17px}.password-toggle{cursor:pointer}.vendor-signin-options{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 20px}.vendor-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:#475467}.vendor-remember input{width:17px;height:17px;accent-color:var(--auth-teal)}.vendor-forgot-link{color:var(--auth-teal-dark);font-size:13px;font-weight:700;text-decoration:none}.vendor-signin-btn{width:100%;min-height:49px;border:0;border-radius:10px;background:linear-gradient(90deg,#1cafaa,#1e6f93);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 13px 27px rgba(30,111,147,.18)}.vendor-signin-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.vendor-divider{display:flex;align-items:center;gap:11px;margin:24px 0 18px;color:#758095;font-size:12px;letter-spacing:.09em}.vendor-divider:before,.vendor-divider:after{content:"";height:1px;background:var(--auth-line);flex:1}.seller-access-buttons{display:grid;grid-template-columns:1fr 1fr;gap:11px}.seller-access{height:49px;border:1px solid var(--auth-line);border-radius:10px;background:#fff;color:#16223b;font-size:14px;font-weight:700;cursor:pointer}.seller-access i{margin-right:8px}.seller-access:hover{border-color:#9fcfd1;background:#f8fdfd}.vendor-signin-visual{position:relative;background:linear-gradient(145deg,#062b39,#084c51);display:flex;align-items:flex-end;padding:42px;overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:38px 38px}.visual-card{position:relative;color:#fff}.visual-card>span{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#0ca6a3;font-size:22px;font-weight:800}.visual-card h2{margin:21px 0 13px;font-family:Poppins,Inter,sans-serif;font-size:34px;line-height:1.12}.visual-card p{margin:0;color:#cce5e6;font-size:14px;line-height:1.65}.visual-stats{display:flex;gap:36px;margin-top:27px}.visual-stats b{font-size:21px}.visual-stats small{display:block;margin-top:4px;color:#aad1d3;font-size:11px}.otp-modal[hidden]{display:none}.otp-modal{position:fixed;inset:0;z-index:1055;display:grid;place-items:center;padding:16px}.otp-backdrop{position:absolute;inset:0;background:rgba(3,12,22,.62);backdrop-filter:blur(3px)}.otp-dialog{position:relative;width:min(540px,100%);background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}.otp-dialog header{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid #e5e7eb}.otp-dialog h2{margin:0;font-family:Poppins,Inter,sans-serif;font-size:20px}.otp-dialog header button{width:39px;height:39px;border:0;border-radius:50%;background:#ef4444;color:#fff;font-size:26px;cursor:pointer}.otp-content{padding:23px}.otp-content label{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.otp-content .vendor-signin-btn{margin-top:17px}.otp-code{width:100%;height:57px;border:1px solid var(--auth-line);border-radius:11px;text-align:center;font-size:24px;letter-spacing:.32em;outline:0}.otp-code:focus{border-color:var(--auth-teal);box-shadow:0 0 0 3px rgba(19,156,155,.09)}.otp-resend{display:block;margin:15px auto 0;border:0;background:none;color:var(--auth-teal-dark);font-size:13px;font-weight:800;cursor:pointer}.otp-notice{padding:11px 13px;border-radius:9px;margin-bottom:15px;background:#e9f9f4;color:#08775e;font-size:13px}.otp-notice.error,.auth-message.error{background:#feeceb;color:#b42318}.field-error{display:block;margin-top:6px;color:#b42318;font-size:12px}.auth-message{padding:11px 13px;border-radius:9px;margin-bottom:14px;font-size:13px}.auth-message.success{background:#e9f9f4;color:#08775e}@media(max-width:1050px){.vendor-signin-page{grid-template-columns:1fr}.vendor-signin-visual{display:none}.vendor-signin-form-side{padding:30px 22px}}@media(max-width:600px){.vendor-signin-form-side{align-items:flex-start;padding:22px 16px}.vendor-signin-logo{margin-bottom:25px}.vendor-signin-heading{margin-bottom:25px}.vendor-signin-heading h1{font-size:25px}.vendor-signin-heading p{font-size:13px}.seller-access-buttons{grid-template-columns:1fr}.vendor-signin-options{align-items:flex-start}.otp-content{padding:19px 16px}.otp-dialog header{padding:16px}.vendor-input-wrap{height:49px}.vendor-input-wrap input,.vendor-input-icon,.password-toggle{height:47px}}