@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;550;600;700;800&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;color:#173b30;background:#fbfcf8;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #87a85d;outline-offset:3px}header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e4e8dc}.brand{display:flex;align-items:center;gap:3px;font-size:27px;font-weight:800;letter-spacing:-1.3px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;background:#173e31;color:#d3ed9a;border-radius:11px;margin-right:7px}.brand-light{font-weight:400}.brand-dot{font-size:11px;align-self:flex-start;margin-top:5px}nav{display:flex;gap:34px;font-size:12px;align-items:center}nav button{padding:36px 0;position:relative}nav .active:after{content:"";position:absolute;bottom:20px;left:50%;height:4px;width:4px;border-radius:50%;background:#173b30}.dark,.lime,.outline{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 20px;border-radius:7px;font-size:12px;font-weight:500}.dark{background:#173e31;color:#fff}.dark:hover{background:#2e5944}.lime{background:#d3ed9a}.lime:hover{background:#e0f4b7}.outline{border:1px solid #cbd7be}.outline:hover{background:#edf3e3}.small{padding:12px 17px}.user,.user button{display:flex;gap:10px;align-items:center;font-size:11px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e3eccf}main{max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1.07fr 1fr;margin:30px 3% 0;border-radius:16px;overflow:hidden;background:#edf1e6;min-height:520px}.hero-copy{padding:60px 0 40px 8.5%}.eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px;font-weight:600}.eyebrow>span{width:6px;height:6px;background:#7f9e62;border-radius:50%}h1{font-size:clamp(34px,3.65vw,58px);font-weight:550;letter-spacing:-2.5px;line-height:1.25;margin:27px 0 22px}h1 em{font-style:normal;color:#708c59}.hero-copy>p{color:#6c7865;font-size:13px;line-height:1.9;margin-bottom:28px}.hero-bottom{display:flex;gap:22px;margin-top:43px;font-size:9px;color:#64765b}.hero-bottom span{display:flex;align-items:center;gap:7px}.hero-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#4b7457,#254d40 75%);color:#d3ed9a;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:480px;height:480px;border:1px solid #8ca97d40;border-radius:50%}.orbit-two{width:620px;height:620px}.art-tag{position:absolute;top:33px;left:30px;font-size:8px;letter-spacing:2px;display:flex;gap:8px;align-items:center}.art-tag>span{height:5px;width:5px;background:#d3ed9a;border-radius:50%}.wash-frame{position:absolute;top:90px;width:65%;height:250px;border:18px solid #789873;border-bottom:0;border-radius:35px 35px 0 0;box-shadow:inset 0 0 0 3px #99b487,0 0 0 2px #99b48750;display:flex;justify-content:center;padding-top:13px}.water{position:absolute;top:75px;width:2px;height:130px;background:repeating-linear-gradient(to bottom,#aecb9b 0px,#aecb9b 5px,transparent 5px,transparent 14px);opacity:.6}.w1{left:20%;transform:rotate(8deg)}.w2{left:40%}.w3{right:40%}.w4{right:20%;transform:rotate(-8deg)}.car-art{position:absolute;width:94%;bottom:100px;filter:drop-shadow(0 15px 15px #102e2440)}.art-card{position:absolute;bottom:48px;left:10%;right:10%;padding:16px 18px;display:flex;gap:14px;align-items:center;border:1px solid #a3b99160;background:#315442;border-radius:10px;color:#eaf2df;font-size:13px;box-shadow:0 10px 20px #102e2430}.art-card small{display:block;color:#b6c8a8;font-size:9px;margin-top:6px}.art-card>svg{margin-left:auto}.spark{font-size:28px;color:#d3ed9a}.art-number{position:absolute;bottom:20px;right:10%;font-size:7px;letter-spacing:2px;color:#a2b895}.trust-strip{margin:0 6%;padding:27px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e6d7;font-size:11px;color:#677b5e}.trust-strip span{display:flex;gap:10px;align-items:center}.trust-strip>span:first-child{font-size:8px;letter-spacing:1.3px;color:#89947f}.trust-strip svg{width:17px}.station-section{padding:65px 6% 70px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.muted{color:#87947a;font-size:8px}h2{font-size:32px;font-weight:550;letter-spacing:-1.1px;line-height:1.35;margin:13px 0 0}h2>span{color:#8ba771}.section-note{display:flex;gap:6px;align-items:center;font-size:10px;color:#87947b;margin-bottom:6px}.searchbar{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #dce4d1;border-radius:10px;padding:8px 9px 8px 20px}.searchbar>svg{color:#8a9a7f}.searchbar input{flex:1;width:0;border:0;background:none;padding:10px 0;font-size:12px}.searchbar .dark{padding:12px 22px}.empty{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;border:1px dashed #d6dfc9;border-radius:12px;margin-top:22px;background:linear-gradient(120deg,#f2f6eb,#fbfcf8)}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e4edd8;color:#718e57;margin-bottom:6px}h3{font-size:17px;font-weight:550;letter-spacing:-.4px}.empty p{font-size:12px;color:#7f8c73;line-height:1.8;margin:0 0 22px}.empty small{font-size:9px;color:#909c85;margin-top:14px}.results-label{display:flex;justify-content:space-between;font-size:11px;color:#7b8a70;margin:22px 0 15px}.results-label>span:last-child{font-size:9px}.station-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.station-card{background:#fff;border:1px solid #e0e6d7;border-radius:12px;overflow:hidden}.station-art{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#dfe9d3;color:#668552;position:relative}.station-art>span{font-size:10px;letter-spacing:3px}.station-art .station-code{position:absolute;top:12px;left:13px;font-size:8px;letter-spacing:1px;background:#ffffffa0;padding:6px;border-radius:4px}.tone-1{background:#e5e9d9;color:#7f8b5e}.tone-2{background:#dce8db;color:#62836c}.station-body{padding:20px}.station-body h3{margin:0 0 12px}.station-body p{display:flex;gap:7px;font-size:11px;color:#7d8974;line-height:1.7;min-height:36px}.station-body p svg{flex-shrink:0}.station-body>a{font-size:11px}.station-body button{border-top:1px solid #e5eadd;display:flex;justify-content:space-between;width:100%;padding:16px 0 0;margin-top:18px;font-size:12px;font-weight:500}.vehicle-card{padding:30px;background:#edf2e6;border-radius:12px}.vehicle-card p,.vehicle-card>span{font-size:12px;color:#718563}.how{padding:55px 6%;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;background:#f0f3e9}.how h2{font-size:35px;line-height:1.3}.how-title>p{font-size:12px;color:#829275;line-height:1.9;margin-top:20px}.step{padding:22px 0;display:flex;align-items:center;gap:20px;border-bottom:1px solid #dce4d0}.step:last-child{border:0}.step-icon{width:49px;height:49px;flex-shrink:0;display:grid;place-items:center;background:#e1ead4;border-radius:12px}.step span{font-size:8px;color:#879b76;letter-spacing:1.2px}.step h3{font-size:14px;margin:7px 0}.step p{font-size:10px;line-height:1.8;color:#7f8d73;margin:0}.step>svg{margin-left:auto;flex-shrink:0;color:#9aab8b}.cta{margin:52px 6%;padding:36px 42px;border-radius:12px;background:#173d32;display:flex;justify-content:space-between;align-items:center;color:#f0f4e6}.cta span{font-size:8px;letter-spacing:1.6px;color:#b1c69d}.cta h2{margin-top:10px;font-size:30px}footer{margin:0 6%;min-height:100px;border-top:1px solid #e1e7d7;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:20px}footer>span{font-size:9px;color:#8a987e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0d291db3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:24px}.modal{width:100%;max-width:510px;max-height:90dvh;overflow:auto;background:#fbfcf8;border-radius:16px;padding:36px;position:relative;box-shadow:0 25px 100px #081c1750}.close{position:absolute;right:15px;top:15px;padding:5px;display:grid;place-items:center}.modal h2{font-size:26px;margin-top:12px;padding-right:15px}.modal>p{font-size:12px;color:#7f8d73;line-height:1.8;display:flex;gap:6px;align-items:center}.modal-symbol{width:45px;height:45px;display:grid;place-items:center;background:#e1eccf;border-radius:12px}.modal form{display:flex;flex-direction:column;gap:17px;margin-top:24px}.modal label{font-size:12px;font-weight:500;display:flex;flex-direction:column;gap:8px}.modal input:not([type=checkbox]):not([type=radio]),.modal select{width:100%;padding:12px 13px;border:1px solid #d8e1cc;border-radius:6px;background:#fff;color:#254132;font-size:13px;min-height:44px}.full{width:100%}.modal small{font-size:10px;line-height:1.8;color:#88977b;display:block;margin-top:12px}.modal fieldset{border:0;padding:0;margin:0}.modal legend{font-size:12px;margin-bottom:10px}.modal .package{display:flex;flex-direction:row;align-items:center;gap:12px;border:1px solid #dce4d1;padding:15px;border-radius:8px;margin-bottom:8px;cursor:pointer}.package.chosen{border-color:#718e51;background:#edf3e1}.package>strong{margin-left:auto}.package small{margin-top:3px;font-size:9px}input[type=radio],input[type=checkbox]{accent-color:#315d3e}.info{padding:13px 15px;border-radius:6px;background:#edf1e3;color:#697953;font-size:11px;line-height:1.8}.modal .consent{flex-direction:row;align-items:flex-start;font-size:11px;line-height:1.7}.alert{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff0e7;color:#8e482b;border:1px solid #efceba;padding:14px;border-radius:7px;font-size:12px;line-height:1.7;margin:15px 0}.alert button{display:flex;gap:5px;align-items:center;white-space:nowrap}.text-button{text-align:left;text-decoration:underline;font-size:12px}.transaction{text-align:center;margin-top:25px}.transaction>svg{background:#e2edce;box-sizing:content-box;padding:14px;border-radius:50%}.transaction p{font-size:12px}.transaction .info{margin:20px 0;text-align:left}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;font-size:12px;margin-top:25px}.pagination button{border:1px solid #d4decb;border-radius:6px;padding:10px}@media(max-width:1000px){nav{gap:18px}.hero-copy{padding:45px 0 30px 8%}.hero{min-height:470px}h1{font-size:39px;letter-spacing:-1.8px}.hero-bottom{flex-direction:column;gap:13px;margin-top:25px}.car-art{bottom:120px}.wash-frame{top:105px;height:200px;width:73%}.section-note{display:none}.station-grid{grid-template-columns:repeat(2,1fr)}.how{gap:30px}.trust-strip>span:first-child{display:none}.art-card{font-size:10px;padding:13px;gap:10px}.art-card small{font-size:8px}}@media(max-width:650px){header{height:76px;padding:0 5%;gap:10px}.brand{font-size:22px}.brand-icon{width:31px;height:31px}nav{position:absolute;top:76px;left:0;width:100%;height:48px;justify-content:center;gap:28px;border-bottom:1px solid #e1e6d9}nav button{padding:13px 0;font-size:11px}nav a{font-size:11px}nav .active:after{bottom:5px}header .small{padding:10px;font-size:10px;gap:5px}.hero{margin:68px 4% 0;grid-template-columns:1fr}.hero-copy{padding:35px 7% 28px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:36px;letter-spacing:-1.6px;margin-top:23px}.hero-copy>p{font-size:12px}.hero-bottom{flex-direction:row;font-size:8px;gap:12px;margin-top:26px}.hero-bottom svg{width:13px}.hero-art{height:330px}.art-tag{top:20px;font-size:7px}.wash-frame{top:60px;height:170px;width:59%;border-width:13px;border-radius:25px 25px 0 0}.car-art{width:85%;bottom:60px}.art-card{bottom:30px;left:14%;right:14%}.art-number{bottom:10px;font-size:6px}.trust-strip{margin:0 5%;font-size:8px;padding:20px 0;gap:8px}.trust-strip>span{gap:5px}.trust-strip svg{width:13px}.station-section{padding:40px 5%}.section-top{margin-bottom:22px}h2{font-size:25px;letter-spacing:-.8px}.searchbar{padding-left:12px;gap:9px}.searchbar input{font-size:10px}.searchbar .dark{padding:12px;font-size:10px;gap:6px}.searchbar .dark svg{display:none}.empty{padding:28px 18px}.empty h3{font-size:15px}.empty p,.empty .outline{font-size:11px}.station-grid{grid-template-columns:1fr;gap:18px}.results-label>span:last-child{display:none}.how{grid-template-columns:1fr;padding:35px 6%;gap:10px}.how h2{font-size:30px}.how-title>p{font-size:11px}.step{padding:20px 0}.cta{margin:30px 5%;padding:27px 22px;gap:25px;flex-direction:column;align-items:flex-start}.cta h2{font-size:28px}footer{flex-wrap:wrap;padding:24px 0;gap:16px}footer .brand{flex-basis:100%}footer>span{font-size:8px}.modal-backdrop{padding:12px}.modal{padding:28px 22px}.modal h2{font-size:23px}.user button>span:not(.avatar){display:none}.alert{flex-direction:column;align-items:flex-start}.section-top>.dark{padding:10px;font-size:10px;gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.auth-page{min-height:100dvh;display:grid;grid-template-columns:46% 54%;background:#fbfcf8}.auth-story{background:radial-gradient(ellipse at 40% 60%,#3a6048,#173e31 75%);color:#eff5e7;padding:42px 11%;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story .brand{color:#fff;font-size:29px}.auth-story .brand-icon{background:#d3ed9a;color:#244a34}.auth-story-copy{margin:auto 0;padding:65px 0 35px}.auth-story .eyebrow{font-size:8px;color:#bdcfa8;letter-spacing:1.4px}.auth-story h1{font-size:clamp(30px,3.2vw,49px);letter-spacing:-1.8px;margin:25px 0}.auth-story h1 em{color:#cfe99b}.auth-story-copy>p{color:#c0ceaf;font-size:12px;line-height:1.9}.auth-illustration{height:200px;position:relative;display:flex;align-items:center;justify-content:center;color:#cce497;margin:25px 0}.auth-illustration:before,.auth-illustration:after{content:"";border:1px solid #a3bf7e35;position:absolute;width:230px;height:230px;border-radius:50%}.auth-illustration:after{width:310px;height:310px}.auth-illustration>span{position:absolute;right:20%;top:20px;font-size:35px}.auth-illustration i{position:absolute;width:130px;height:30px;border-radius:50%;background:#132f2733;bottom:20px}.auth-story-note{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.9;color:#d1dfbf;position:relative;z-index:1}.auth-story-note small{color:#a3b895;font-size:9px}.auth-copyright{font-size:8px;letter-spacing:.3px;color:#97b08b;margin-top:auto;padding:15px 0}.auth-main{padding:40px 9% 25px;display:flex;flex-direction:column;width:100%;min-width:0}.auth-back{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#7a8970;align-self:flex-start}.auth-back:hover{color:#244d34}.auth-form-panel{width:100%;max-width:410px;margin:auto;padding:45px 0}.auth-symbol{height:48px;width:48px;background:#e5eed7;color:#5e7b44;display:grid;place-items:center;border-radius:13px;margin-bottom:24px}.auth-form-panel h2{font-size:29px;letter-spacing:-1.2px;margin-top:14px}.auth-description{font-size:12px;color:#7d8972;line-height:1.9;margin:14px 0 28px}.auth-form{display:flex;flex-direction:column;gap:19px}.auth-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500}.auth-form input{border:1px solid #d7dfcd;background:#fff;color:#244334;border-radius:7px;min-height:46px;padding:12px 14px;width:100%;font-size:12px}.password-control{display:flex;position:relative}.password-control input{padding-right:45px}.password-control button{position:absolute;right:10px;top:0;height:100%;display:grid;place-items:center;color:#7c8b6b}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.password-help{font-size:10px;color:#839076;line-height:1.8;margin-top:-10px}.forgot-link{align-self:flex-end;font-size:11px;color:#526e3b;margin-top:-7px}.auth-form>.dark{min-height:47px}.auth-divider{display:flex;align-items:center;gap:14px;font-size:10px;color:#8b967e;margin:25px 0}.auth-divider span{height:1px;background:#e1e7d8;flex:1}.auth-switch{text-align:center;font-size:11px;color:#7c8972;margin:26px 0}.auth-switch a{color:#315439;font-weight:600;display:inline-flex;align-items:center;gap:5px}.auth-switch a:hover,.forgot-link:hover{text-decoration:underline}.auth-security{border-top:1px solid #e2e8d8;display:flex;align-items:center;justify-content:center;gap:7px;padding-top:20px;font-size:9px;color:#8b987e;line-height:1.8}.auth-security svg{flex-shrink:0}.auth-bottom{text-align:center;font-size:7px;letter-spacing:1.8px;color:#98a18e}.auth-success{display:flex;align-items:flex-start;gap:12px;background:#eaf2df;border:1px solid #d5e3c2;border-radius:8px;padding:16px;margin:20px 0;font-size:12px;color:#4f713a;line-height:1.9}.auth-success svg{flex-shrink:0;margin-top:2px}.resend-button{font-size:11px;margin-top:20px;line-height:1.8}.auth-form-panel .alert{display:block}.auth-form-panel .alert a{text-decoration:underline}@media(max-width:1000px){.auth-story{padding:35px 9%}.auth-main{padding:35px 8%}.auth-story h1{font-size:34px}.auth-story-copy>p{font-size:11px}.auth-form-panel h2{font-size:26px}.auth-illustration{height:180px}.auth-illustration:after{width:250px;height:250px}.auth-illustration:before{width:190px;height:190px}}@media(max-width:650px){.auth-page{display:flex;flex-direction:column}.auth-story{padding:23px 6%;background:#173e31}.auth-story .brand{font-size:23px}.auth-story-copy,.auth-copyright{display:none}.auth-main{padding:24px 7%;flex:1;min-height:calc(100dvh - 80px)}.auth-form-panel{padding:35px 0}.auth-form-panel h2{font-size:28px}.auth-bottom{font-size:6px;letter-spacing:1.3px}.auth-symbol{margin-bottom:20px}.auth-security{font-size:8px}.auth-name-row{gap:12px}.auth-form input{font-size:14px}}.auth-page--register .auth-main{padding-top:24px}.auth-page--register .auth-form-panel{margin:0 auto;padding:0 0 20px}.auth-page--register .auth-symbol{width:36px;height:36px;border-radius:10px;margin-bottom:12px}.auth-page--register .auth-symbol svg{width:20px;height:20px}.auth-page--register .auth-form-panel h2{margin-top:8px}.auth-page--register .auth-description{margin:8px 0 18px}.auth-page--register .auth-form{gap:14px}.auth-page--register .auth-form label{gap:7px}.auth-page--register .auth-switch{margin:18px 0}.auth-page--register .auth-security{padding-top:14px}.auth-form.registration-form{gap:0}.registration-form .ant-form-item{margin-bottom:16px}.auth-form.registration-form .ant-form-item-label>label{display:inline-flex;flex-direction:row;gap:0;height:auto;font-size:12px}.registration-form .ant-input-affix-wrapper{padding:0 12px}.auth-form.registration-form .ant-input-affix-wrapper input{border:0;min-height:44px;padding:10px 0;background:transparent;box-shadow:none}.registration-form .ant-form-item-explain-error{font-size:12px}.registration-form .ant-form-item-extra{font-size:11px;line-height:1.7}.registration-form .ant-btn{min-height:47px}.registration-form .required-mark{color:#ff4d4f;margin-left:4px}.registration-form .ant-form-item-label>label.ant-form-item-required:before{display:none!important;content:none!important}.customer-dashboard{max-width:1180px;margin:auto;padding:36px 24px 64px;display:flex;flex-direction:column;gap:24px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-heading h2{font-size:30px;margin:10px 0}.dashboard-heading p{color:#6d7d6c}.dashboard-summary{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.wallet-summary{background:#edf3e6}.wallet-summary .ant-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.wallet-summary p{margin:0}.wallet-summary strong{font-size:34px;color:#173e31}.wallet-summary span{font-size:12px}.dashboard-vehicles{display:flex;flex-wrap:wrap;gap:16px}.dashboard-vehicle{display:flex;align-items:center;gap:16px;border:1px solid #dde6d6;border-radius:10px;padding:18px 24px}.dashboard-vehicle strong,.dashboard-vehicle span{display:block}.dashboard-vehicle span{font-size:12px;color:#7b8772;margin-top:6px}.wash-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.wash-purchase-card{padding:24px;border:1px solid #dce5d3;border-radius:12px;background:#fbfcf8}.wash-purchase-card>span{font-size:10px;letter-spacing:2px;color:#7b8c6d}.wash-purchase-card h3{font-size:17px;margin:16px 0}.wash-purchase-card>strong{font-size:28px;color:#173e31}.wash-purchase-card p{font-size:12px;color:#7b8772;line-height:1.8}.dashboard-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:20px}.dashboard-select{width:100%;margin:12px 0}.topup-checkout{text-align:center;overflow-wrap:anywhere}.customer-dashboard .ant-descriptions-item-content,.customer-dashboard .ant-table-cell{overflow-wrap:anywhere}.ant-modal-body>p{line-height:1.8}.dashboard-alert{margin:12px 0}@media(max-width:760px){.customer-dashboard{padding:24px 16px}.dashboard-summary,.wash-package-grid{grid-template-columns:1fr}.dashboard-heading h2{font-size:25px}header{flex-wrap:wrap;gap:14px}header nav{order:3;width:100%;justify-content:center;gap:18px}.dashboard-vehicle{width:100%}}@media(max-width:760px){header{height:auto;min-height:96px;padding:18px 5% 8px}header nav button{padding:12px 0}header nav .active:after{bottom:3px}}@media(max-width:760px){header nav{position:static;height:auto;border-bottom:0}}.app-header{height:auto;min-height:88px;padding:16px 5%;background:#fff;border-bottom:1px solid #e3eadf;gap:24px;position:relative;z-index:20}.app-header .brand{font-size:25px;flex-shrink:0}.app-header .app-nav{position:static;width:auto;height:auto;border:1px solid #e7ecdf;background:#f3f6ef;border-radius:14px;padding:5px;gap:4px;order:initial}.app-header .app-nav button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;color:#6c7a66;font-size:12px;white-space:nowrap;transition:background .15s,color .15s}.app-header .app-nav button:hover{background:#e7eede;color:#173e31}.app-header .app-nav button.active{background:#173e31;color:#fff;box-shadow:0 2px 5px #173e3118}.app-header .app-nav .active:after{display:none}.app-header .account-button{padding:4px;gap:10px}.app-header .avatar{width:38px;height:38px;border-radius:12px;background:#e9f0dd;color:#426139;font-weight:600;font-size:15px}.app-header .account-meta{text-align:left;max-width:160px}.app-header .account-meta strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header .account-meta small{display:block;font-size:10px;color:#8b9782;margin-top:4px}.app-header .logout-button{width:36px;height:36px;border-radius:10px;justify-content:center;border:1px solid #e5eadf;color:#79876e}.app-header .logout-button:hover{background:#f4f6ef;color:#173e31}.wallet-unavailable{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.wallet-unavailable>span{font-size:12px;line-height:1.7;color:#6b755e}@media(max-width:1000px){.app-header{padding:16px 4%;gap:16px}.app-header .account-meta{display:none}.app-header .app-nav button{padding:11px 12px}}@media(max-width:650px){.app-header{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px 5% 14px}.app-header .brand{font-size:23px}.app-header .app-account{grid-column:2;grid-row:1;gap:8px}.app-header .app-nav{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-radius:12px;padding:4px}.app-header .app-nav button{gap:6px;padding:11px 5px;font-size:11px}.app-header .app-nav button svg{width:15px}.app-header .avatar,.app-header .logout-button{width:34px;height:34px}.customer-dashboard{padding-top:28px}}