.customer-modern{background:#f7f9f8;min-height:100vh}.customer-main{padding-bottom:90px}.customer-head{height:68px;display:flex;align-items:center;gap:10px;background:#fff;position:sticky;top:0;z-index:30}.customer-head>h1{flex:1;text-align:center;font-size:18px}.customer-head>button{border:0;background:transparent}.customer-head>button:last-child{width:40px;height:40px;border-radius:11px;background:#f1f6f4;position:relative}.customer-head>button:last-child i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef755e;right:7px;top:7px}.location-button{display:flex!important;align-items:center;gap:7px;text-align:right}.location-button span{display:flex;flex-direction:column}.location-button small{font-size:8px;color:#78837e}.location-button b{font-size:11px}.customer-search,.discover-search{width:100%;height:52px;border:1px solid #dfe8e4;border-radius:14px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 13px;color:#7a8580}.customer-search span{flex:1;text-align:right}.offer-banner{min-height:155px;margin:13px 0;border-radius:20px;background:linear-gradient(135deg,#067d55,#0db872);color:#fff;padding:20px;display:flex;align-items:center;overflow:hidden}.offer-banner>div{flex:1}.offer-banner h1{font-size:22px;margin:5px 0}.offer-banner p{margin:5px 0}.offer-banner button{border:1px solid #ffffff75;background:#ffffff1f;color:#fff;border-radius:9px;padding:7px 10px}.offer-banner>i{width:95px;height:95px;border-radius:50%;background:#ffffff17;display:grid;place-items:center;transform:rotate(-9deg)}.offer-banner>i svg{width:52px;height:52px}.next-booking,.repeat-booking{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e9e6;border-radius:16px;padding:14px;margin:10px 0}.next-booking>div,.repeat-booking>div{flex:1}.next-booking small{color:#078e59}.next-booking h2{font-size:15px;margin:4px 0}.next-booking p,.repeat-booking small{font-size:9px;color:#76817c;margin:0}.next-booking button,.repeat-booking button{border:0;background:#e9f7f1;color:#078e59;border-radius:9px;padding:8px}.repeat-booking>span{width:40px;height:40px;border-radius:11px;background:#e9f7f1;color:#078e59;display:grid;place-items:center}.customer-section-title{display:flex;align-items:center;justify-content:space-between;margin:19px 0 10px}.customer-section-title h2{font-size:16px;margin:0}.customer-section-title p{font-size:9px;color:#78837e;margin:3px 0}.customer-section-title button{border:0;background:transparent;color:#078e59}.popular-services,.account-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.popular-services button,.account-quick button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px}.popular-services i,.account-quick svg{width:49px;height:49px;border-radius:14px;background:#e9f7f1;color:#078e59;padding:13px}.popular-services span,.account-quick small{font-size:9px}.nearby-scroll,.suggested-barbers{display:flex;gap:9px;overflow:auto;scrollbar-width:none}.nearby-scroll article{min-width:180px;background:#fff;border:1px solid #e1e8e5;border-radius:14px;padding:9px}.salon-placeholder{height:90px;border-radius:10px;background:linear-gradient(135deg,#d9eae4,#f0f6f3);display:grid;place-items:center;color:#078e59;position:relative}.salon-placeholder em{position:absolute;bottom:6px;right:6px;background:#fff;border-radius:7px;padding:4px;font-size:7px;font-style:normal}.nearby-scroll article>b,.nearby-scroll article>small{display:block;margin-top:7px}.nearby-scroll small{color:#78837e;font-size:8px}.suggested-barbers button{min-width:120px;border:1px solid #e1e8e5;background:#fff;border-radius:14px;padding:12px}.suggested-barbers span{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#dcece6;color:#078e59;margin:auto}.suggested-barbers b,.suggested-barbers small{display:block;margin-top:7px}.suggested-barbers small{font-size:8px;color:#78837e}.recent-salon{width:100%;display:flex;align-items:center;gap:9px;border:1px solid #e1e8e5;background:#fff;border-radius:14px;padding:12px;text-align:right}.recent-salon>svg{color:#078e59}.recent-salon span{display:flex;flex:1;flex-direction:column}.recent-salon small{color:#78837e;margin-top:3px}.recent-salon em{font-style:normal}.discover-search input{flex:1;border:0;outline:0}.discover-search button{border:0;background:transparent}.search-suggestions{background:#fff;border-radius:0 0 12px 12px}.search-suggestions button,.recent-searches>button{width:100%;display:flex;gap:8px;border:0;border-bottom:1px solid #edf1ef;background:#fff;padding:11px;text-align:right}.discover-tabs,.appointment-tabs{display:flex;gap:6px;overflow:auto;margin:12px 0}.discover-tabs button,.appointment-tabs button{min-width:max-content;border:0;border-radius:17px;background:#eaeEec;padding:8px 14px}.discover-tabs .active,.appointment-tabs .active{background:#078e59;color:#fff}.discover-result{display:flex;align-items:center;gap:10px;border:1px solid #e0e8e4;background:#fff;border-radius:15px;padding:10px;margin:8px 0}.discover-result>div{width:62px;height:62px;border-radius:12px;background:#e9f7f1;color:#078e59;display:grid;place-items:center}.discover-result>span{display:flex;flex:1;flex-direction:column}.discover-result small{color:#77827d}.discover-result em{color:#078e59;font-size:8px;font-style:normal;margin-top:5px}.discover-result>button{border:0;background:#078e59;color:#fff;border-radius:8px;padding:7px}.customer-next-card{background:linear-gradient(135deg,#078e59,#0cb36f);color:#fff;border-radius:18px;padding:18px}.customer-next-card h2{margin:6px 0}.customer-next-card p{font-size:10px}.customer-next-card>div{display:flex;gap:7px}.customer-next-card button{flex:1;border:1px solid #ffffff70;background:#ffffff1b;color:#fff;border-radius:9px;padding:9px}.past-booking{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e8e5;border-radius:14px;padding:12px;margin:9px 0}.past-booking>i{width:38px;height:38px;border-radius:10px;background:#e9f7f1;color:#078e59;display:grid;place-items:center}.past-booking span{display:flex;flex:1;flex-direction:column}.past-booking small{color:#78837e}.past-booking button{border:0;background:#e9f7f1;color:#078e59;border-radius:8px;padding:7px}.booking-status,.customer-page-intro{display:flex;align-items:center;gap:11px;background:#eaf8f2;color:#078e59;border-radius:15px;padding:15px}.booking-status i,.customer-page-intro>i{width:45px;height:45px;border-radius:12px;background:#fff;display:grid;place-items:center}.booking-status div{display:flex;flex-direction:column}.booking-status small{color:#678078;margin-top:4px}.customer-detail-card{background:#fff;border:1px solid #e1e8e5;border-radius:15px;padding:15px;margin:10px 0}.customer-detail-card p{display:flex;justify-content:space-between;border-bottom:1px solid #edf1ef;padding:10px 0;color:#76817c}.customer-detail-card p b{color:#17201e}.customer-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.customer-action-grid button{border:1px solid #dfe7e4;background:#fff;border-radius:11px;padding:10px 4px;color:#078e59}.customer-action-grid svg{display:block;margin:auto}.customer-outline,.customer-danger{width:100%;border:1px solid #9fd3c0;background:#fff;color:#078e59;border-radius:11px;padding:12px;margin-top:8px}.customer-danger{border-color:#eca9a9;color:#d94141}.customer-profile-card{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#078e59,#0cb36f);color:#fff;border-radius:18px;padding:18px;margin-bottom:12px}.customer-profile-card>span{width:58px;height:58px;border-radius:50%;background:#fff;color:#078e59;display:grid;place-items:center;font-size:22px}.customer-profile-card>div{flex:1}.customer-profile-card h2{margin:0}.customer-profile-card p{margin:4px 0}.customer-profile-card button{border:1px solid #ffffff70;background:#ffffff20;color:#fff;border-radius:9px;padding:7px}.customer-menu-list{background:#fff;border:1px solid #e1e8e5;border-radius:16px;padding:5px 13px;margin-top:14px}.customer-menu-list button{width:100%;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #edf1ef;background:#fff;padding:14px;text-align:right}.customer-menu-list button>i{width:34px;height:34px;border-radius:9px;background:#e9f7f1;color:#078e59;display:grid;place-items:center}.customer-menu-list span{flex:1}.customer-menu-list em{font-style:normal}.customer-menu-list .danger{color:#d84242}.customer-page-intro{background:linear-gradient(135deg,#078e59,#0cb36f);color:#fff}.customer-page-intro h2{margin:0}.customer-page-intro p{margin:4px 0 0;font-size:9px;opacity:.8}.customer-capabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:11px}.customer-capabilities button{min-height:65px;border:1px solid #e1e8e5;background:#fff;border-radius:13px;display:flex;align-items:center;gap:8px;padding:10px;text-align:right}.customer-capabilities i{width:33px;height:33px;border-radius:9px;background:#e9f7f1;color:#078e59;display:grid;place-items:center}.customer-capabilities span{flex:1}.customer-capabilities em{font-style:normal}.capability-search{height:47px;border:1px solid #dfe7e4;background:#fff;border-radius:12px;display:flex;align-items:center;gap:7px;padding:0 11px;margin-top:11px}.capability-search input{flex:1;border:0;outline:0}.price-range{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.price-range label{display:flex;flex-direction:column;gap:6px}.price-range input,.review-compose textarea{border:1px solid #dfe7e4;border-radius:10px;padding:11px}.review-compose,.wallet-balance{background:#fff;border:1px solid #e1e8e5;border-radius:15px;padding:15px;margin-top:10px}.review-compose>div{font-size:30px;color:#e6ae2f}.review-compose textarea{width:100%;min-height:90px;margin:9px 0}.wallet-balance{text-align:center;background:linear-gradient(135deg,#078e59,#0cb36f);color:#fff}.wallet-balance>*{display:block}.wallet-balance b{font-size:27px;margin:8px}.wallet-balance button{margin:auto;border:1px solid #ffffff70;background:#ffffff20;color:#fff;border-radius:9px;padding:8px 16px}
@media(max-width:380px){.customer-capabilities{grid-template-columns:1fr}.popular-services i{width:43px;height:43px}.offer-banner>i{width:70px;height:70px}.customer-action-grid{grid-template-columns:1fr}}