:root{--auth-green:#0d7a5a;--auth-dark:#0b2420;--auth-soft:#eef8f4;--auth-line:#dce9e4;--auth-text:#102b25;--auth-muted:#6d7f78}
main.auth{width:100%;min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(360px,.95fr) minmax(520px,1.05fr);background:#f7faf8;margin:0!important;padding:0!important}
.auth-side{position:relative;min-height:720px;overflow:hidden;background:linear-gradient(135deg,rgba(5,38,31,.96),rgba(13,91,69,.82)),url('/8149f46f-8e03-49ec-8e75-1a96176d7bb7.png') center/cover no-repeat;color:#fff}
.auth-side:after{content:"";position:absolute;inset:auto -10% -120px -10%;height:300px;background:rgba(255,255,255,.07);border-radius:50%}
.auth-side-inner{position:relative;z-index:1;min-height:720px;display:flex;flex-direction:column;justify-content:space-between;padding:56px clamp(32px,5vw,76px)}
.auth-brand{font-size:24px;font-weight:800;letter-spacing:-.7px}.auth-brand:before{content:"";display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:9px;background:#fff;color:var(--auth-green);vertical-align:-5px}.auth-brand{display:flex;align-items:center}.auth-brand:first-letter{color:transparent;font-size:0}
.auth-side-copy{max-width:530px}.auth-side .eyebrow{color:#a6e1ca}.auth-side h1{max-width:560px;margin:12px 0 18px;font-size:clamp(38px,4vw,60px);line-height:1.02;letter-spacing:-2.2px;color:#fff}.auth-side p{max-width:510px;font-size:17px;line-height:1.75;color:#d5e7e1}
.auth-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}.auth-point{padding:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:14px}.auth-point strong{display:block;font-size:14px;margin-bottom:5px}.auth-point span{font-size:12px;color:#c6dbd5;line-height:1.45}
.auth-form{display:flex;align-items:center;justify-content:center;padding:56px clamp(24px,6vw,90px);background:#fff}.form-box{width:min(100%,560px)}.auth-form .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--auth-green);font-weight:800;text-transform:uppercase}.auth-form h1{margin:9px 0 8px;font-size:38px;line-height:1.1;letter-spacing:-1.1px;color:var(--auth-text)}.auth-form .muted{font-size:15px;color:var(--auth-muted);line-height:1.6}.form-stack{display:grid;gap:17px;margin-top:26px}.field{display:grid;gap:7px}.field label{font-size:13px!important;letter-spacing:.01em;color:#31473f!important;margin:0!important;font-weight:800!important}.field input,.field select{width:100%;height:52px;box-sizing:border-box;border:1px solid #d6e4de;border-radius:12px;background:#fbfdfc;padding:0 15px;font:inherit;font-size:15px;color:#17352e;outline:none;transition:.18s}.field input:focus,.field select:focus{border-color:#65b89c;box-shadow:0 0 0 4px rgba(13,122,90,.10);background:#fff}.field input::placeholder{color:#9aa9a3}.check{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;font-size:13px!important;line-height:1.5;color:#5f716a;font-weight:500!important}.check input{width:18px;height:18px;accent-color:var(--auth-green);margin:1px 0 0;flex:none}.btn.btn-green{min-height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,#0d7a5a,#096848);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(13,122,90,.18);transition:.18s}.btn.btn-green:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(13,122,90,.24)}.form-help{margin-top:18px;text-align:center;font-size:14px!important}.form-help a{color:var(--auth-green);font-weight:800;text-decoration:none}.alert.error{margin-top:18px;border:1px solid #f0caca;background:#fff4f4;color:#a83232;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.auth-switch a{display:block;text-decoration:none;border:1px solid var(--auth-line);border-radius:12px;padding:13px 14px;background:#fff;color:#355047}.auth-switch a strong{display:block;font-size:14px}.auth-switch a span{display:block;margin-top:3px;font-size:12px;color:#82908b}.auth-switch a.active{border-color:#92d2ba;background:#eef9f4;box-shadow:0 0 0 3px rgba(13,122,90,.06)}
.supplier-register-box{margin:4px 0 2px!important;padding:20px!important;border:1px solid #dbe9e3!important;border-radius:16px!important;background:#f7fbf9!important}.supplier-register-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.supplier-register-head strong{font-size:16px}.supplier-register-head p{margin:5px 0 0;color:#718079;font-size:12px;line-height:1.55}.supplier-register-head .btn{white-space:nowrap;padding:10px 13px;border:1px solid #cfe1d8;background:#fff;border-radius:10px;cursor:pointer;color:#176d50;font-weight:800}.supplier-row{display:grid;grid-template-columns:1fr 1fr 1fr 38px;gap:8px;margin-top:8px}.supplier-row input{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #d8e5df;border-radius:10px;padding:9px 11px;background:#fff;font-size:13px}.supplier-remove{border:0;border-radius:10px;background:#edf3ef;color:#6b7972;font-size:20px;cursor:pointer}.supplier-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;align-items:center}.supplier-examples span{font-size:11px;color:#78867f}.supplier-examples b{font-size:10px;color:#176d50;background:#e9f6ef;padding:6px 8px;border-radius:999px}
main.auth + .cf-footer{margin-top:0}.auth .form-box{position:relative}.auth-form .field label:after{content:""}.auth-form #role{appearance:auto}
@media(max-width:980px){main.auth{grid-template-columns:1fr}.auth-side{min-height:400px}.auth-side-inner{min-height:400px;padding:38px 28px}.auth-side h1{font-size:40px}.auth-points{grid-template-columns:1fr 1fr 1fr}.auth-form{padding:48px 28px}.form-box{max-width:650px}}
@media(max-width:720px){main.auth{display:block;min-height:auto}.auth-side{min-height:330px}.auth-side-inner{min-height:330px;padding:30px 20px}.auth-side h1{font-size:34px;letter-spacing:-1.2px}.auth-side p{font-size:14px;line-height:1.6}.auth-points{display:none}.auth-form{padding:34px 18px 45px}.auth-form h1{font-size:30px}.supplier-register-head{display:block}.supplier-register-head .btn{margin-top:12px}.supplier-row{grid-template-columns:1fr 1fr 38px}.supplier-row input:nth-child(3){grid-column:1/3}.supplier-remove{grid-column:3;grid-row:1}.auth-switch{grid-template-columns:1fr}}
@media(max-width:460px){.auth-side{min-height:290px}.auth-side-inner{min-height:290px}.auth-side h1{font-size:29px}.auth-form{padding-left:14px;padding-right:14px}.field input,.field select,.btn.btn-green{height:50px;min-height:50px}.supplier-row{grid-template-columns:1fr 38px}.supplier-row input:nth-child(2),.supplier-row input:nth-child(3){grid-column:1/2}.supplier-remove{grid-column:2;grid-row:1}.supplier-examples b{font-size:9px}}