/* Wash Zambia Laundry ERP V2.4.0 — isolated login experience */
.wzl-login{--wzl-navy:#09244b;--wzl-blue:#087ff0;--wzl-cyan:#08c3e8;--wzl-ink:#10234d;--wzl-muted:#667a9c;position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,64.5fr) minmax(460px,35.5fr);overflow:hidden;background:#f7fbff;color:var(--wzl-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
.wzl-login *{box-sizing:border-box}.wzl-login a{outline-offset:3px}.wzl-login-visual{position:relative;z-index:1;min-width:0;min-height:100svh;overflow:hidden;background:#061d3d}.wzl-login-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.04) contrast(1.04)}.wzl-visual-overlay{position:absolute;inset:0;background:linear-gradient(108deg,rgba(3,20,47,.25) 0%,rgba(5,37,75,.18) 33%,rgba(4,51,91,.10) 69%,rgba(3,30,63,.04) 100%);pointer-events:none}.wzl-visual-inner{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:40px clamp(30px,4.15vw,66px) 76px;color:#fff}.wzl-logo-left{display:block;width:200px;max-width:42%;line-height:0}.wzl-logo-left img{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(71%) sepia(86%) saturate(2301%) hue-rotate(143deg) brightness(102%) contrast(103%)}.wzl-visual-copy{width:min(100%,570px);margin:0 0 18px;padding-bottom:0}.wzl-eyebrow{display:inline-flex;align-items:center;gap:5px;margin:0 0 20px;padding:11px 25px;border:1px solid rgba(255,255,255,.23);border-radius:999px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:#e5f2ff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.wzl-eyebrow strong{color:#fff;font-weight:850;letter-spacing:.12em}.wzl-visual-copy h1{margin:0 0 16px;color:#fff;font-size:clamp(42px,4.5vw,71px);font-weight:850;line-height:.91;letter-spacing:-.055em}.wzl-visual-copy h1 span{color:#0cc6ef}.wzl-visual-copy>p{max-width:515px;margin:0;color:#f4f7ff;font-size:clamp(15px,1.34vw,20px);line-height:1.45;font-weight:400}.wzl-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:27px;max-width:495px}.wzl-feature{display:flex;align-items:center;gap:16px;min-width:0;min-height:104px;padding:14px 15px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(28,58,91,.53);box-shadow:0 12px 26px rgba(0,0,0,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wzl-feature-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;color:#fff;font-size:27px;box-shadow:0 5px 16px rgba(0,0,0,.12)}.wzl-icon-blue{background:linear-gradient(145deg,#0ba6ff,#0069f9)}.wzl-icon-green{background:linear-gradient(145deg,#00dca5,#00b97f)}.wzl-icon-purple{background:linear-gradient(145deg,#bd76ff,#873af3)}.wzl-icon-orange{background:linear-gradient(145deg,#ffad26,#ff7900)}.wzl-feature>span:last-child{display:flex;min-width:0;flex-direction:column;gap:5px}.wzl-feature strong{color:#fff;font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap}.wzl-feature small{color:rgba(255,255,255,.86);font-size:13px;line-height:1.35}.wzl-trust-row{display:flex;align-items:center;gap:24px;min-height:82px;margin:26px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.wzl-trust-item{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;font-size:12px;font-weight:650;line-height:1.45}.wzl-trust-item+.wzl-trust-item{padding-left:22px;border-left:1px solid rgba(255,255,255,.36)}.wzl-trust-item iconify-icon{flex:0 0 auto;color:#fff;font-size:38px;font-weight:400}
.wzl-login-sweep{position:absolute;z-index:2;top:0;right:0;bottom:0;width:calc(35.5% + 80px);background:linear-gradient(160deg,#c7e6ff 0%,#d8eeff 54%,#b9dfff 100%);clip-path:polygon(8% 0%,100% 0%,100% 100%,0% 100%,0% 97%,0% 94%,0% 91%,0% 88%,0.5% 85%,1.5% 82%,3% 79%,4.5% 76%,6% 73%,7.5% 70%,9% 67%,10.2% 64%,11.2% 61%,12% 58%,12.3% 55%,12.5% 52%,12.5% 49%,12.2% 46%,11.6% 43%,10.8% 40%,9.8% 37%,8.5% 34%,7% 31%,5.5% 28%,4.2% 25%,3.2% 22%,3% 19%,3.3% 16%,4% 13%,5% 10%,6% 7%,7% 4%,8% 0%);pointer-events:none}.wzl-login-panel{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;min-width:0;min-height:100svh;margin-left:-80px;padding:92px clamp(34px,3.4vw,54px) 58px clamp(130px,9.5vw,146px);overflow:hidden;clip-path:polygon(11% 0%,100% 0%,100% 100%,3% 100%,2.5% 97%,2% 94%,2% 91%,2.5% 88%,3.5% 85%,4.5% 82%,6% 79%,7.5% 76%,9% 73%,10.5% 70%,12% 67%,13.2% 64%,14.2% 61%,15% 58%,15.3% 55%,15.5% 52%,15.5% 49%,15.2% 46%,14.6% 43%,13.8% 40%,12.8% 37%,11.5% 34%,10% 31%,8.5% 28%,7.2% 25%,6.2% 22%,6% 19%,6.3% 16%,7% 13%,8% 10%,9% 7%,10% 4%,11% 0%);background:radial-gradient(ellipse at 96% 5%,rgba(230,246,255,.9) 0,rgba(255,255,255,0) 33%),linear-gradient(152deg,#fff 4%,#fcfdff 65%,#eef8ff 100%);box-shadow:-14px 0 35px rgba(0,87,162,.06)}.wzl-help-contact{position:absolute;z-index:4;top:32px;right:clamp(28px,3.4vw,54px);display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--wzl-ink);font-size:12px;line-height:1.35}.wzl-help-contact>span{font-weight:500}.wzl-help-contact a{display:flex;align-items:center;gap:8px;color:var(--wzl-ink);font-size:14px;text-decoration:none;font-weight:600}.wzl-help-contact iconify-icon{color:#0785f8;font-size:20px}.wzl-water-art{position:absolute;z-index:0;right:0;bottom:0;width:100%;height:175px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 105% 100%,rgba(93,197,255,.43),transparent 42%)}.wzl-wave{position:absolute;right:-9%;bottom:-45px;width:120%;height:135px;border:2px solid rgba(111,202,255,.35);border-radius:50% 50% 0 0 / 45% 45% 0 0;transform:rotate(-7deg)}.wzl-wave-two{right:-17%;bottom:-67px;border-color:rgba(111,202,255,.22);transform:rotate(-11deg)}.wzl-bubble{position:absolute;display:block;border:3px solid rgba(64,177,248,.6);border-radius:50%;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.96),rgba(100,202,255,.4) 38%,rgba(22,149,232,.18) 70%,rgba(255,255,255,.6));box-shadow:inset 5px 5px 13px rgba(255,255,255,.5),0 4px 10px rgba(52,161,232,.16)}.wzl-bubble-one{right:-24px;bottom:25px;width:104px;height:104px}.wzl-bubble-two{right:92px;bottom:0;width:66px;height:66px}.wzl-bubble-three{right:154px;bottom:4px;width:27px;height:27px}.wzl-bubble-four{right:45px;bottom:90px;width:15px;height:15px;border-width:2px;opacity:.55}.wzl-form-wrap{position:relative;z-index:2;width:min(100%,426px);margin:0 auto;transform:translateY(-30px)}.wzl-form-brand{text-align:center;margin:0 0 41px;line-height:0}.wzl-form-brand img{display:inline-block;width:202px;max-width:72%;height:auto}.wzl-heading{text-align:center;margin:0 0 27px}.wzl-heading h2{margin:0 0 10px;color:#101f4a;font-size:clamp(28px,2.8vw,42px);line-height:1.06;font-weight:850;letter-spacing:-.045em}.wzl-heading p{margin:0;color:#687ca1;font-size:15px;line-height:1.48;font-weight:400}.wzl-session-alert{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:12px 16px;border:1px solid #ffdb78;border-radius:12px;background:linear-gradient(105deg,#fff1c6,#fff5d9);color:#8f3900;font-size:12px;line-height:1.5}.wzl-alert-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#ffa800;color:#fff;font-size:17px}.wzl-field{margin:0 0 18px}.wzl-label{display:block;margin:0 0 8px;color:#22365d;font-size:14px;font-weight:750}.wzl-input-wrap{position:relative;display:block;width:100%}.wzl-field-icon{position:absolute;left:17px;top:50%;z-index:1;transform:translateY(-50%);color:#586d96;font-size:21px;pointer-events:none}.wzl-input{display:block;width:100%;height:53px;margin:0;padding:0 50px 0 57px;border:1.5px solid #cbd8ed;border-radius:12px;background:rgba(255,255,255,.85);color:#12224a;font:inherit;font-size:14px;outline:none;box-shadow:0 2px 4px rgba(21,60,113,.015);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.wzl-input::placeholder{color:#8b9aba;opacity:1}.wzl-input:focus{border-color:#118cf2;background:#fff;box-shadow:0 0 0 4px rgba(17,140,242,.11)}.wzl-password-input{padding-right:54px}.wzl-password-toggle{position:absolute;right:7px;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;transform:translateY(-50%);border:0;border-radius:9px;background:transparent;color:#5e7198;font-size:21px;line-height:1;cursor:pointer}.wzl-password-toggle:hover,.wzl-password-toggle:focus-visible{background:#eaf5ff;color:#057ef0;outline:0}.wzl-error{display:block;margin-top:6px;color:#c42c3a;font-size:12px;line-height:1.4}.wzl-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-1px}.wzl-remember{display:inline-flex;align-items:center;gap:10px;color:#1d3157;font-size:14px;font-weight:500;cursor:pointer}.wzl-remember input{width:23px;height:23px;margin:0;border:1px solid #b9cce4;border-radius:5px;accent-color:#087ff0;cursor:pointer}.wzl-link{color:#0079ff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.wzl-link:hover,.wzl-back:hover{text-decoration:underline}.wzl-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:63px;margin:21px 0 0;padding:12px 18px;border:0;border-radius:13px;background:linear-gradient(105deg,#0875fa 0%,#008df1 52%,#05c3df 100%);color:#fff;font-size:17px;font-weight:800;line-height:1.25;text-align:center;box-shadow:0 12px 24px rgba(0,132,244,.19);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.wzl-submit iconify-icon{font-size:26px}.wzl-submit:hover{transform:translateY(-1px);filter:saturate(1.06);box-shadow:0 15px 28px rgba(0,132,244,.26)}.wzl-submit:focus-visible{outline:3px solid rgba(0,132,244,.3);outline-offset:3px}.wzl-submit:disabled{opacity:.72;transform:none;cursor:wait}.wzl-secure-note{display:flex;align-items:center;justify-content:center;gap:13px;margin:30px 0 0;color:var(--wzl-ink)}.wzl-secure-icon{display:grid;place-items:center;color:#0087ff;font-size:36px;line-height:1}.wzl-secure-note>span:last-child{display:flex;flex-direction:column;gap:5px}.wzl-secure-note strong{font-size:13px;line-height:1.3;font-weight:600}.wzl-secure-note small{color:#7186ab;font-size:13px;line-height:1.3}.wzl-back{display:inline-flex;align-items:center;gap:7px;margin-top:19px;color:#087ff0;text-decoration:none;font-size:13px;font-weight:750}.wzl-success-box{text-align:center;padding:15px 0}.wzl-success-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:50%;background:#e8f8ef;color:#16834e;font-size:28px}.wzl-success-box h3{margin:0 0 8px;color:var(--wzl-ink);font-size:21px}.wzl-success-box p{margin:0;color:var(--wzl-muted);font-size:13px;line-height:1.5}
@media(min-width:1500px){.wzl-visual-inner{padding-top:42px}.wzl-feature-grid{gap:16px}.wzl-feature{min-height:104px}.wzl-trust-row{margin-top:24px}}
@media(max-width:1200px) and (min-width:901px){.wzl-login{grid-template-columns:minmax(0,59fr) minmax(410px,41fr)}.wzl-visual-inner{padding:34px 34px 52px}.wzl-logo-left{width:176px}.wzl-visual-copy h1{font-size:clamp(40px,4.2vw,56px)}.wzl-feature-grid{gap:10px;margin-top:20px}.wzl-feature{gap:10px;min-height:88px;padding:10px}.wzl-feature-icon{width:44px;height:44px;flex-basis:44px;font-size:23px}.wzl-feature strong{font-size:12px}.wzl-feature small{font-size:11px}.wzl-trust-row{gap:12px}.wzl-trust-item{gap:7px;font-size:10px}.wzl-trust-item+.wzl-trust-item{padding-left:12px}.wzl-trust-item iconify-icon{font-size:30px}.wzl-login-sweep{width:calc(41% + 32px)}.wzl-login-panel{margin-left:-32px;padding-left:clamp(100px,9.5vw,116px);padding-right:28px}.wzl-form-brand img{width:180px}.wzl-heading h2{font-size:31px}}
@media(max-height:850px) and (min-width:901px){.wzl-visual-inner{padding-top:28px;padding-bottom:45px;gap:16px}.wzl-logo-left{width:174px}.wzl-visual-copy h1{font-size:clamp(38px,4.3vw,60px)}.wzl-visual-copy>p{font-size:15px}.wzl-feature-grid{margin-top:17px;gap:10px}.wzl-feature{min-height:82px;padding:9px 11px}.wzl-feature-icon{width:43px;height:43px;flex-basis:43px;font-size:22px}.wzl-feature small{font-size:11px}.wzl-trust-row{margin-top:8px;padding-top:14px}.wzl-login-panel{padding-top:70px;padding-bottom:35px}.wzl-form-brand{margin-bottom:16px}.wzl-form-brand img{width:175px}.wzl-heading{margin-bottom:18px}.wzl-heading h2{font-size:32px}.wzl-session-alert{margin-bottom:14px;padding:9px 12px}.wzl-field{margin-bottom:13px}.wzl-input{height:49px}.wzl-submit{min-height:57px;margin-top:17px}.wzl-secure-note{margin-top:21px}}
@media(max-width:960px){.wzl-login{display:block;min-height:100svh;overflow:auto;background:linear-gradient(155deg,#f8fcff,#edf8ff)}.wzl-login-visual{display:none}.wzl-login-panel{display:flex;align-items:center;justify-content:center;min-height:100svh;margin:0;padding:94px 24px 48px;border-radius:0;background:radial-gradient(ellipse at 100% 0,#dff2ff 0,transparent 33%),linear-gradient(150deg,#fff,#f7fbff 72%,#eaf7ff);box-shadow:none}.wzl-login-sweep{display:none}.wzl-login-panel{clip-path:none}.wzl-help-contact{top:22px;right:22px}.wzl-water-art{height:100px;opacity:.75}.wzl-form-wrap{max-width:450px;transform:none}.wzl-form-brand{margin-bottom:22px}.wzl-form-brand img{width:184px}.wzl-heading{margin-bottom:24px}.wzl-heading h2{font-size:32px}.wzl-secure-note{margin-top:25px}}
@media(max-width:480px){.wzl-login-panel{padding:82px 20px 36px}.wzl-help-contact{top:18px;right:20px}.wzl-form-brand img{width:160px}.wzl-heading h2{font-size:29px}.wzl-heading p{font-size:13px}.wzl-desktop-break{display:none}.wzl-input{height:51px}.wzl-session-alert{padding:10px 11px;gap:10px;font-size:11px}.wzl-options{align-items:flex-start}.wzl-remember{gap:8px;font-size:13px}.wzl-remember input{width:21px;height:21px}.wzl-link{font-size:12px}.wzl-submit{min-height:56px;font-size:15px}.wzl-secure-icon{font-size:31px}.wzl-secure-note strong,.wzl-secure-note small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.wzl-login *{scroll-behavior:auto!important;transition:none!important}}