.customer{--accent:#ec493e;--ink:#25272b;--line:#e6e7ea;--muted:#93969d;background:#fff;color:var(--ink);min-height:100dvh;position:relative}
.customer-header{height:86px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f2;flex-shrink:0}
.customer-header .brand{text-decoration:none;color:#282b30;gap:11px;font-size:17px;font-weight:600}.customer-header .brand img{width:34px;height:34px;border-radius:7px}
.header-label{display:inline-flex;align-items:center;gap:7px;color:#8a8c93;font-size:12px}.header-label svg{width:15px;height:15px}
.customer-main{width:min(100% - 48px,408px);margin:52px auto 22px;position:relative}
.service-brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.service-brand>img{width:48px;height:48px;border-radius:8px;box-shadow:0 5px 12px #ec493e14}.service-brand>span{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;line-height:1.4}.brand-divider{height:17px;width:1px;background:#d9dadd}
.customer-steps{display:flex;align-items:center;gap:12px;max-width:300px;margin:0 0 35px;color:#a1a3aa;font-size:12px}.customer-steps>span:not(.step-line){display:flex;align-items:center;gap:8px;white-space:nowrap}.customer-steps b{font-family:Arial,sans-serif;font-size:11px;font-weight:600;color:inherit;background:#f3f3f5;display:grid;place-items:center;width:25px;height:25px;border-radius:50%}.customer-steps .active{color:#db493e}.customer-steps .active b{background:#fff0ee}.customer-steps .done{color:#278c79}.customer-steps .done b{background:#ebf7f2}.step-line{height:1px;background:#e9e9ed;flex:1;min-width:25px}
.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:700;color:#a3a5ac;margin-bottom:8px}.customer-title{margin-bottom:27px}.customer-main h1{font-size:27px;font-weight:600;line-height:1.4;margin:0}
.customer .field label{color:#52565e;font-size:13px;font-weight:500}.customer .field+.field{margin-top:21px}.customer .field{gap:9px}
.customer input{height:50px;border-radius:6px;background:#fcfcfd;border-color:#e0e2e7;font-size:14px;transition:border-color .15s,box-shadow .15s}.customer input::placeholder{color:#b0b2ba;font-size:13px}.customer input:hover{border-color:#c3c7ce}.customer input:focus{border-color:#ee736b;box-shadow:0 0 0 3px #ec493e0c;outline:none;background:#fff}.customer input:disabled{opacity:.6}
.input-with-icon{position:relative;min-width:0}.input-with-icon>svg{position:absolute;left:14px;top:17px;width:16px;height:16px;color:#999da6;pointer-events:none}.input-with-icon input{width:100%;padding-left:42px}
.customer .sms-field{grid-template-columns:minmax(0,1fr) 119px;gap:10px}.customer button{border-radius:6px;min-height:45px;font-weight:500}.customer #send-sms{height:50px;padding:0 10px;border-color:#e6dedc;background:#fff8f6;color:#ce5146;font-size:12px}.customer #send-sms:hover:not(:disabled){background:#ffede9;border-color:#e8b6af}.customer #send-sms:disabled{opacity:.6}
.customer-main .login-button{height:51px;margin-top:28px;justify-content:space-between;padding:0 18px;background:#ec493e;border-color:#ec493e;box-shadow:0 5px 12px #ec493e12;font-size:14px}.customer-main .login-button:hover:not(:disabled){background:#dd3c31;border-color:#dd3c31}.customer-main .login-button:disabled{opacity:1;background:#f1f2f4;border-color:#f1f2f4;color:#a4a7af;box-shadow:none}.customer-main .login-button.is-loading{justify-content:center;gap:10px}
.customer-main .error{min-height:24px;margin-top:13px;font-size:12px;line-height:1.7}.customer-main .error:not(:empty){padding:10px 12px;border-left:2px solid #e7756d;background:#fff5f3;border-radius:0 4px 4px 0}.customer-main .error.success:not(:empty){color:#26836d;border-color:#66b29e;background:#eff9f5}
.service-signature{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0 12px;color:#c9cbd0}.service-signature>span{width:30px;height:1px;background:#e8e9ec}.service-signature svg{width:17px;height:17px}
.customer-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:25px 20px 26px;color:#a1a4ad;font-size:10px;flex-shrink:0}.footer-divider{width:1px;height:9px;background:#d6d8dd}
.customer-loading{display:flex;align-items:center;gap:10px;color:#9b9ea7;min-height:180px;font-size:13px}.customer .loader{width:17px;height:17px;border-color:#ead0cc;border-top-color:transparent}.customer .result-icon{border-radius:8px;background:#ebf7f2;color:#278c79;width:58px;height:58px;margin-bottom:23px}.customer .result-status{font-size:25px;color:#25272b;font-weight:600;line-height:1.5}.customer-result{padding-top:0}.customer-result[data-status=failed] .result-icon{color:#d55249;background:#fff0ed}.customer-result[data-status=processing] .result-icon,.customer-result[data-status=unassigned] .result-icon{color:#aa8542;background:#faf4e8}.customer-result p{color:#7d818b;font-size:13px;line-height:1.9}.customer-result .result-meta{font-size:12px;border-color:#ececf0;padding-top:20px;gap:12px;flex-wrap:wrap;color:#989ca5}.customer-result button{margin-top:24px;min-height:43px;color:#5b626b;padding:0 15px;font-size:12px}.customer-result button svg{width:15px;height:15px}.customer .code-line input{min-width:0;width:100%}.customer .code-line .primary{height:50px;width:50px;min-width:50px;padding:10px;background:#ec493e;border-color:#ec493e}
@media(min-width:1200px) and (min-height:850px){.customer-main{margin-top:66px;margin-bottom:35px}.service-brand{margin-bottom:43px}.customer-steps{margin-bottom:39px}}
@media(max-width:560px){.customer-header{height:70px;padding:0 24px}.customer-header .brand{font-size:15px;gap:9px}.customer-header .brand img{width:29px;height:29px}.header-label{font-size:11px}.header-label svg{width:14px;height:14px}.customer-main{margin:32px auto 16px;width:min(100% - 48px,408px)}.service-brand{margin-bottom:28px;gap:11px}.service-brand>img{width:43px;height:43px}.service-brand>span{font-size:17px;gap:10px}.customer-steps{margin-bottom:29px}.customer-main h1{font-size:25px}.customer-title{margin-bottom:25px}.customer .field+.field{margin-top:19px}.customer-footer{padding-top:18px;padding-bottom:22px}.customer .sms-field{grid-template-columns:minmax(0,1fr) 108px;gap:9px}.customer #send-sms{font-size:12px}.service-signature{margin-top:20px}}
@media(max-width:350px){.customer-main{width:calc(100% - 36px)}.customer-header{padding:0 18px}.header-label{display:none}.service-brand>span{font-size:15px}.customer .sms-field{grid-template-columns:minmax(0,1fr) 99px}.input-with-icon input{padding-left:36px}.input-with-icon>svg{left:11px}}
@media(prefers-reduced-motion:reduce){.customer *{transition:none!important;animation:none!important}}