:root{--ink:#0b1117;--ink2:#17212a;--orange:#ff6b00;--cream:#f4f3ef;--white:#fff;--muted:#6d7780;--line:#dfe3e6;--green:#13884a;--red:#c43d3d;--display:"Bahnschrift Condensed","Arial Narrow",sans-serif;--body:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:15px}.artisan-header{height:78px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.artisan-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.artisan-brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--orange)}.artisan-brand span{display:flex;flex-direction:column}.artisan-brand b{font:700 19px var(--display);letter-spacing:.04em}.artisan-brand small{font-size:10px;color:var(--muted)}.artisan-header>div{display:flex;align-items:center;gap:18px}.artisan-header>div>a,.artisan-header button{color:var(--ink);text-decoration:none;font-weight:750;font-size:12px;border:0}.dark-link{background:var(--ink)!important;color:#fff!important;padding:10px 14px;border-radius:9px}.onboarding-layout{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr)}.onboarding-card{background:#fff;padding:48px clamp(24px,5vw,76px) 70px}.progress-head{display:flex;justify-content:space-between;gap:30px}.progress-head p,.step-title>span,.onboarding-aside>div>p,.success-step>p,.artisan-login-main>section>p,.artisan-login-main form>p,.artisan-welcome p,.dashboard-card header p{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.14em;margin:0}.progress-head h1{font:700 clamp(38px,4vw,56px)/1 var(--display);letter-spacing:-.02em;margin:7px 0}.progress-head>div>span{color:var(--muted)}.progress-head>b{font-size:11px;color:var(--muted);white-space:nowrap}.stepper{list-style:none;padding:0;margin:36px 0 45px;display:grid;grid-template-columns:repeat(3,1fr)}.stepper li{display:flex;align-items:center;gap:9px;color:#9199a0;font-size:11px;font-weight:750;position:relative}.stepper li:not(:last-child):after{content:"";height:2px;background:#e7e9ea;position:absolute;left:36px;right:12px;top:14px}.stepper i{width:29px;height:29px;border-radius:50%;background:#e8eaec;display:grid;place-items:center;font-style:normal;position:relative;z-index:1}.stepper li.active{color:var(--ink)}.stepper li.active i{background:var(--orange);color:#fff}.stepper li.done i{background:var(--green);color:#fff}.stepper li.done:after{background:var(--green)}.form-step{display:none}.form-step.active{display:block}.step-title{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start;margin-bottom:25px}.step-title>span{width:42px;height:42px;border-radius:12px;background:#fff0e6;display:grid;place-items:center}.step-title h2{font:700 29px/1 var(--display);margin:1px 0 5px}.step-title p{margin:0;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid label,.payment-phone{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.field-grid label.wide{grid-column:1/-1}.field-grid input,.field-grid select,.field-grid textarea,.payment-phone input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;outline:0}.field-grid input,.field-grid select,.payment-phone input{height:47px}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus,.payment-phone input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,0,.1)}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.upload-card{min-height:220px;border:1px dashed #bfc6cb;border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:.2s}.upload-card:hover,.upload-card.has-file{border-color:var(--orange);background:#fffaf6}.upload-card input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:52px;height:52px;border-radius:50%;background:#fff0e6;color:var(--orange);display:grid;place-items:center;font-size:23px}.upload-card b{margin-top:14px}.upload-card small{color:var(--muted);margin:3px 0 15px}.upload-card em{font-style:normal;color:var(--orange);font-weight:800;font-size:11px}.upload-card output{display:block;margin-top:8px;color:var(--green);font-size:10px;word-break:break-all}.secure-message{display:flex;gap:12px;background:#edf8f1;color:var(--green);border-radius:12px;padding:15px;margin-top:18px}.secure-message>span{font-size:25px}.secure-message b{display:block}.secure-message p{margin:3px 0 0;color:#4f7560;font-size:11px}.consent{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:11px;color:var(--muted)}.consent input{margin-top:3px;accent-color:var(--orange)}.payment-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;padding:17px;margin-bottom:22px}.payment-summary span{display:flex;flex-direction:column}.payment-summary span+span{border-left:1px solid var(--line);padding-left:22px}.payment-summary small{color:var(--muted)}.payment-summary b{font:700 26px var(--display);margin-top:4px}.provider-list{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-list legend{grid-column:1/-1;font-size:12px;font-weight:800;margin-bottom:8px}.provider-list label{height:58px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;padding:9px;cursor:pointer}.provider-list label:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,107,0,.1)}.provider-list input{accent-color:var(--orange)}.provider{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:900}.provider.orange{background:#f36b22}.provider.mtn{background:#ffd600;color:#111}.provider.moov{background:#32a859}.provider.wave{background:#1c86d1}.payment-phone{margin-bottom:17px}.simulation-note{border-left:3px solid #dda417;background:#fff7df;padding:12px 14px;display:flex;flex-direction:column;border-radius:0 9px 9px 0}.simulation-note b{color:#8d6700}.simulation-note span{color:#766b4d;font-size:11px}.form-error{margin-top:18px;background:#fdeaea;color:var(--red);padding:12px;border-radius:10px}.form-actions{display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.back-button,.next-button{border:0;border-radius:10px;padding:13px 20px;font-weight:850}.back-button{background:#eef0f1;color:var(--ink)}.next-button{background:var(--orange);color:#fff;margin-left:auto}.next-button:disabled{opacity:.6}.onboarding-aside{background:var(--ink);color:#fff;padding:62px clamp(28px,4vw,55px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.onboarding-aside:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,107,0,.22);right:-130px;top:-110px;box-shadow:0 0 0 45px rgba(255,107,0,.05),0 0 0 90px rgba(255,107,0,.025)}.onboarding-aside>div{position:relative}.onboarding-aside h2{font:700 clamp(37px,4vw,55px)/1 var(--display);letter-spacing:-.02em;margin:12px 0 34px}.onboarding-aside ul{list-style:none;padding:0;margin:0}.onboarding-aside li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:17px 0;border-top:1px solid rgba(255,255,255,.12)}.onboarding-aside li i{font:700 18px var(--display);color:var(--orange);font-style:normal}.onboarding-aside li span{color:#aeb8c0;font-size:12px}.onboarding-aside li b{display:block;color:#fff;font-size:14px}.aside-security{display:flex;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:15px}.aside-security>span{color:var(--orange);font-size:25px}.aside-security p{margin:0;color:#9aa6af;font-size:11px}.aside-security b{display:block;color:#fff}.success-step{text-align:center;padding:45px 10px}.success-icon{width:70px;height:70px;border-radius:50%;background:#e5f6eb;color:var(--green);display:grid;place-items:center;margin:0 auto 22px;font-size:32px}.success-step h2{font:700 44px var(--display);margin:8px 0 20px}.success-step>span:not(.success-icon){display:block;color:var(--muted)}.success-step>strong{display:block;font:700 34px var(--display);color:var(--orange)}.success-step>div{margin:20px auto;background:#f5f6f6;border-radius:10px;padding:12px;width:min(330px,100%);display:flex;flex-direction:column}.success-step>div small{color:var(--muted)}.success-step>p:last-of-type{color:var(--muted);font-size:13px;letter-spacing:0;font-weight:400;max-width:520px;margin:20px auto}.success-step>a{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:13px 18px;border-radius:10px;font-weight:800}.artisan-login-page{background:var(--ink)}.artisan-login-main{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr}.artisan-login-main>section{background:linear-gradient(135deg,rgba(11,17,23,.8),rgba(11,17,23,.98)),url("assets/hero-artisan.png") center/cover;color:#fff;padding:clamp(45px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.artisan-login-main h1{font:700 clamp(50px,6vw,82px)/.96 var(--display);margin:14px 0 22px}.artisan-login-main>section>span{color:#b6c0c7;max-width:500px;font-size:17px}.artisan-login-main form{background:#fff;padding:clamp(45px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.artisan-login-main form h2{font:700 48px var(--display);margin:8px 0 25px}.artisan-login-main form label{display:flex;flex-direction:column;gap:7px;font-weight:800;margin:8px 0}.artisan-login-main form input{height:48px;border:1px solid var(--line);border-radius:10px;padding:0 12px}.artisan-login-main form .next-button{margin:18px 0 0}.artisan-login-main form>a{text-align:center;color:var(--orange);text-decoration:none;margin-top:17px;font-size:12px;font-weight:800}.artisan-dashboard{padding:38px max(4vw,20px) 70px;max-width:1320px;margin:auto}.artisan-welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.artisan-welcome h1{font:700 47px/1 var(--display);margin:7px 0}.artisan-welcome h1 span{color:var(--orange)}.artisan-welcome>div>b{color:var(--muted)}.verification-pill{padding:9px 13px;border-radius:999px;font-size:11px;font-weight:850}.verification-pill.pending{background:#fff2dc;color:#9a6500}.verification-pill.approved{background:#e5f6eb;color:var(--green)}.artisan-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.artisan-kpis article,.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.artisan-kpis small{color:var(--muted)}.artisan-kpis strong{display:block;font:700 30px var(--display);margin:5px 0}.artisan-kpis span{color:var(--muted);font-size:11px}.artisan-dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:13px;margin-top:13px}.dashboard-card header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:14px}.dashboard-card h2{font:700 24px var(--display);margin:4px 0}.dashboard-card header>span{color:var(--muted);font-size:10px}.verification-timeline{list-style:none;margin:20px 0 0;padding:0}.verification-timeline li{display:grid;grid-template-columns:33px 1fr;gap:11px;position:relative;padding-bottom:20px}.verification-timeline li:not(:last-child):after{content:"";position:absolute;left:15px;top:31px;bottom:1px;width:2px;background:#e5e8e9}.verification-timeline i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eceeef;color:#8d969d;font-style:normal;position:relative;z-index:1}.verification-timeline li.done i{background:#e5f6eb;color:var(--green)}.verification-timeline li.current i{background:#fff0e5;color:var(--orange)}.verification-timeline b{display:block}.verification-timeline span{color:var(--muted);font-size:11px}.verification-timeline em{font-style:normal}.simulation-badge{background:#fff2dc;color:#986700!important;padding:5px 8px;border-radius:7px;font-weight:850}.payment-detail{display:flex;flex-direction:column;padding:25px 0}.payment-detail>b{font:700 32px var(--display)}.payment-detail span,.payment-detail small{color:var(--muted);margin-top:4px}.safe-reminder{background:#fff7df;color:#806c34;border-radius:9px;padding:11px;font-size:10px}.requests-card{margin-top:13px}.empty-artisan{text-align:center;padding:35px;color:var(--muted)}.empty-artisan b{display:block;color:var(--ink);margin-bottom:4px}.artisan-request{display:grid;grid-template-columns:120px 1fr auto;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.artisan-request small{color:var(--muted)}.artisan-request b{display:block}.artisan-request span{color:var(--muted);font-size:11px}.artisan-request em{font-style:normal;color:var(--orange);font-weight:800;font-size:11px}
@media(max-width:900px){.onboarding-layout{grid-template-columns:1fr}.onboarding-aside{min-height:500px}.artisan-login-main{grid-template-columns:1fr}.artisan-login-main>section{min-height:430px}.artisan-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:620px){.artisan-header{height:68px;padding:0 14px}.artisan-brand img{width:42px;height:42px}.artisan-header>div>a:first-child{display:none}.onboarding-card{padding:35px 17px 50px}.progress-head{display:block}.progress-head>b{display:block;margin-top:12px}.stepper li span{display:none}.stepper li:not(:last-child):after{right:6px}.field-grid,.upload-grid,.provider-list{grid-template-columns:1fr}.field-grid label.wide{grid-column:1}.onboarding-aside{padding:55px 22px}.form-actions{gap:8px}.back-button,.next-button{padding:12px 14px}.artisan-login-main>section,.artisan-login-main form{padding:55px 22px}.artisan-login-main h1{font-size:52px}.artisan-welcome{display:block}.verification-pill{display:inline-flex;margin-top:16px}.artisan-kpis{grid-template-columns:1fr}.artisan-dashboard{padding:28px 14px 50px}.artisan-request{grid-template-columns:1fr}.payment-summary{grid-template-columns:1fr}.payment-summary span+span{border-left:0;border-top:1px solid var(--line);padding:12px 0 0;margin-top:12px}}