/* Supplier Management System - Login UI */
.sms-login-wrap{box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;padding:34px 18px 54px;color:var(--sms-secondary,#042772);}
.sms-login-wrap,.sms-login-wrap *{box-sizing:border-box}
.sms-login-card{width:100%;background:#fff;border:1px solid #dbe4ef;border-radius:18px;box-shadow:0 18px 55px rgba(4,39,114,.09);padding:58px 64px 48px;overflow:hidden;}
.sms-login-head{text-align:center;margin:0 auto 39px;}
.sms-login-welcome{margin:0 0 16px;color:#6c7e99;font-size:12px;font-weight:800;letter-spacing:4px;line-height:1.3;text-transform:uppercase;}
.sms-login-accent{width:68px;height:4px;border-radius:99px;background:#E97039;margin:0 auto 28px;}
.sms-login-head h1{margin:0 0 13px!important;padding:0!important;color:var(--sms-secondary,#042772)!important;font-size:44px!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-1.3px!important;}
.sms-login-head p{margin:0 auto!important;padding:0!important;max-width:560px;color:#657995!important;font-size:17px!important;line-height:1.55!important;}
.sms-login-form{margin:0!important;padding:0!important;display:block!important;}
.sms-login-field{margin:0 0 24px!important;padding:0!important;}
.sms-login-field label{display:block!important;margin:0 0 9px!important;padding:0!important;color:var(--sms-secondary,#042772)!important;font-size:14px!important;line-height:1.35!important;font-weight:750!important;}
.sms-login-input-wrap{position:relative;width:100%;height:58px;margin:0;padding:0;}
.sms-login-input-wrap input{display:block!important;width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0 54px 0 58px!important;border:1px solid #cbd7e5!important;border-radius:9px!important;background:#fff!important;background-image:none!important;color:var(--sms-secondary,#042772)!important;font-size:15px!important;font-weight:400!important;line-height:58px!important;outline:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;transition:border-color .18s,box-shadow .18s!important;}
.sms-login-input-wrap input:hover{border-color:#aabbd0!important;}
.sms-login-input-wrap input:focus{border-color:var(--sms-primary,#E97039)!important;box-shadow:0 0 0 3px rgba(233,112,57,.12)!important;}
.sms-login-input-wrap input::placeholder{color:#8192aa!important;opacity:1!important;}
.sms-login-input-icon{position:absolute!important;left:18px!important;top:50%!important;z-index:3!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;transform:translateY(-50%)!important;color:#607694!important;pointer-events:none!important;line-height:0!important;}
.sms-login-input-icon svg{display:block!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;max-width:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.sms-login-toggle{position:absolute!important;right:7px!important;top:50%!important;z-index:4!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:9px!important;transform:translateY(-50%)!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#607694!important;cursor:pointer!important;box-shadow:none!important;outline:none!important;appearance:none!important;-webkit-appearance:none!important;}
.sms-login-toggle:hover,.sms-login-toggle:focus{background:color-mix(in srgb, var(--sms-primary,#E97039) 8%, transparent)!important;color:var(--sms-primary,#E97039)!important;}
.sms-login-toggle svg{display:block!important;width:20px!important;height:20px!important;max-width:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.sms-login-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:1px 0 27px!important;padding:0!important;color:var(--sms-secondary,#042772)!important;font-size:14px!important;line-height:1.4!important;}
.sms-login-check{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;color:var(--sms-secondary,#042772)!important;font-weight:400!important;cursor:pointer!important;}
.sms-login-check input{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;padding:0!important;accent-color:var(--sms-primary,#E97039)!important;}
.sms-login-options>a{color:var(--sms-secondary,#042772)!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:2px!important;}
.sms-login-options>a:hover{color:var(--sms-primary,#E97039)!important;}
.sms-login-button{width:100%!important;height:62px!important;min-height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;margin:0!important;padding:0 22px!important;border:1px solid var(--sms-primary,#E97039)!important;border-radius:9px!important;background:var(--sms-primary,#E97039)!important;color:#fff!important;font-size:17px!important;font-weight:800!important;line-height:1!important;text-transform:none!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(0,0,0,.08)!important;transition:transform .18s,box-shadow .18s,background .18s!important;appearance:none!important;-webkit-appearance:none!important;}
.sms-login-button:hover,.sms-login-button:focus{background:var(--sms-primary,#E97039)!important;border-color:var(--sms-primary,#E97039)!important;filter:brightness(.92);color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 13px 28px rgba(0,0,0,.12)!important;}
.sms-login-button svg{width:21px!important;height:21px!important;max-width:none!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.sms-login-or{display:flex!important;align-items:center!important;gap:15px!important;margin:31px 0 25px!important;padding:0!important;color:#7f90a7!important;}
.sms-login-or span{flex:1;height:1px;background:#dce4ed!important;}
.sms-login-or b{font-size:11px!important;font-weight:800!important;color:#7f90a7!important;line-height:1!important;}
.sms-login-register-text{text-align:center!important;margin:0 0 15px!important;padding:0!important;color:var(--sms-secondary,#042772)!important;font-size:15px!important;line-height:1.4!important;}
.sms-login-register{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0 18px!important;border:1.5px solid var(--sms-primary,#E97039)!important;border-radius:9px!important;background:#fff!important;color:var(--sms-primary,#E97039)!important;text-decoration:none!important;font-size:16px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important;transition:background .18s,color .18s,border-color .18s!important;}
.sms-login-register:hover,.sms-login-register:focus{background:var(--sms-primary,#E97039)!important;border-color:var(--sms-primary,#E97039)!important;color:#fff!important;text-decoration:none!important;}
.sms-login-secure{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:28px 0 0!important;padding:0!important;color:#8190a5!important;font-size:12px!important;line-height:1.4!important;}
.sms-login-secure svg{display:block!important;width:18px!important;height:18px!important;max-width:none!important;fill:none!important;stroke:#042772!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.sms-login-alert{width:100%;margin:0 auto 18px;padding:14px 17px;border-radius:9px;background:#fff7df;border:1px solid #ead79a;color:#624f12;font-size:14px;}
.sms-login-alert.error{background:#fff0f0;border-color:#efc1c1;color:#8b2020;}
@media(max-width:760px){
 .sms-login-wrap{padding:18px 10px 32px;}
 .sms-login-card{padding:42px 28px 36px;border-radius:14px;}
 .sms-login-head{margin-bottom:32px;}
 .sms-login-head h1{font-size:35px!important;letter-spacing:-.8px!important;}
 .sms-login-head p{font-size:14px!important;}
 .sms-login-options{font-size:13px!important;}
}
@media(max-width:430px){
 .sms-login-card{padding:36px 18px 30px;}
 .sms-login-head h1{font-size:30px!important;}
 .sms-login-welcome{font-size:10px;letter-spacing:3px;}
 .sms-login-input-wrap input{font-size:14px!important;padding-left:54px!important;}
 .sms-login-button{height:56px!important;min-height:56px!important;font-size:15px!important;}
 .sms-login-register{height:54px!important;min-height:54px!important;font-size:14px!important;}
 .sms-login-options{gap:8px!important;}
}