@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap";.brand>span:last-child,.auth-brand>span:last-child{font-size:0}.brand>span:last-child:after,.auth-brand>span:last-child:after{content:"SasilLaundryFlow";font-size:16px}:root{color:#1d2730;font-synthesis:none;background:#f5f7f6;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#eaf2ef;background:#153d3b;flex-direction:column;width:240px;padding:27px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:10px;padding:0 12px 32px;font-size:20px;font-weight:700;display:flex}.brand-mark{color:#16403d;background:#f3b74f;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}nav{gap:5px;display:grid}.nav-item{color:#a9c2bd;width:100%;height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:13px;padding:0 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#245452}.nav-item.active{font-weight:600}.sidebar-bottom{margin-top:auto}.account{border-top:1px solid #35605d;align-items:center;gap:10px;margin-top:12px;padding:19px 8px 0;display:flex}.account .avatar{flex:none}.account div{flex:1;gap:2px;display:grid}.account strong{font-size:13px}.account span{color:#a9c2bd;font-size:12px}.main{width:calc(100% - 240px);max-width:1600px;margin-left:240px;padding:32px 42px 46px}header{justify-content:space-between;align-items:center;margin-bottom:31px;display:flex}h1,h2,p{margin:0}.eyebrow{color:#75827f;letter-spacing:.2px;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:600}h1{letter-spacing:0;color:#193433;font-family:Fraunces,Georgia,serif;font-size:30px}.header-actions{align-items:center;gap:14px;display:flex}.primary,.secondary,.text-button{font:inherit;cursor:pointer;border:0}.primary{color:#fff;background:#e99536;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-weight:700;display:inline-flex;box-shadow:0 3px 8px #ce7b291f}.primary:hover{background:#d88529}.icon-button{color:#53615e;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button:hover{background:#edf1ef}.notification{position:relative}.notification i{background:#df786d;border:2px solid #f5f7f6;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px;display:grid}.metrics article,.panel{background:#fff;border:1px solid #e6ebe8;border-radius:7px}.metrics article{min-height:166px;padding:18px 19px}.metric-icon{border-radius:7px;place-items:center;width:35px;height:35px;margin-bottom:17px;display:grid}.metric-icon.aqua{color:#147c7d;background:#dff3f1}.metric-icon.orange{color:#c76a1b;background:#fff0dc}.metric-icon.green{color:#418457;background:#e7f4e9}.metric-icon.purple{color:#765fbb;background:#efebff}.metrics p{color:#697572;font-size:13px}.metrics strong{color:#20302e;margin-top:3px;font-size:27px;line-height:1.25;display:block}.metrics span{margin-top:8px;font-size:12px;display:block}.trend{color:#26805d;font-weight:700}.trend em{color:#8a9491;margin-left:3px;font-style:normal;font-weight:400}.subcopy{color:#8a9491}.content-grid{grid-template-columns:minmax(0,1.58fr) minmax(300px,.72fr);gap:22px;display:grid}.panel-title{justify-content:space-between;align-items:start;display:flex}.panel-title h2{color:#263533;font-size:16px}.panel-title p{color:#83908c;margin-top:3px;font-size:12px}.orders-panel{padding:21px 0 5px}.orders-panel .panel-title{padding:0 21px 16px}.text-button{color:#207976;background:0 0;padding:4px;font-size:13px;font-weight:700}.order{border-top:1px solid #eff2f0;grid-template-columns:38px minmax(130px,1.25fr) 80px minmax(125px,1fr) 30px;align-items:center;gap:12px;padding:13px 21px;display:grid}.avatar{color:#435651;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid}.avatar.peach{color:#b35937;background:#fce6d9}.avatar.blue{color:#3d6f99;background:#dcebf8}.avatar.green{color:#4f8b60;background:#dcf0e2}.avatar.pink{color:#a85b76;background:#f6dfe7}.avatar.yellow{color:#987826;background:#faefc9}.order-main,.order-due,.pickup div{gap:4px;display:grid}.order strong,.pickup strong{color:#2f3c3b;font-size:13px}.order-main span,.order-due span,.pickup span{color:#81908b;font-size:11px}.order b{color:#b3bcba;font-weight:400}.order-due{text-align:right}.status{text-align:center;border-radius:999px;padding:5px 4px;font-size:10px;font-weight:700}.status.washing{color:#387aa0;background:#e3f1fa}.status.drying{color:#b27019;background:#fff0d6}.status.folding{color:#7656a5;background:#f1eaff}.status.ready{color:#418157;background:#e3f4e5}.status.received{color:#64736e;background:#edf0f1}.more{justify-self:end;width:28px;height:28px}.right-column{gap:17px;display:grid}.load-panel,.pickups{padding:20px}.machine{color:#465551;grid-template-columns:1fr auto;align-items:center;gap:7px 8px;margin-top:18px;font-size:12px;display:grid}.machine>div:first-child{font-weight:600}.machine strong{color:#71807b;font-size:11px;font-weight:600}.machine-dot{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.machine-dot.running{background:#43a780}.machine-dot.available{background:#c8d2cf}.progress{background:#e6ece9;border-radius:999px;grid-column:span 2;height:5px;overflow:hidden}.progress i{border-radius:inherit;background:#4ba983;height:100%;display:block}.progress.empty i{background:#d8dfdc}.machine small{color:#8b9692;grid-column:span 2;font-size:11px}.count{color:#bd7123;background:#fceddf;border-radius:50%;place-items:center;min-width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.pickup{align-items:center;gap:10px;padding-top:15px;display:flex}.pickup div{flex:1}.pickup time{color:#687672;font-size:11px;font-weight:600}.placeholder{text-align:center;color:#53706c;place-content:center;justify-items:center;gap:10px;min-height:360px;margin-top:20px;display:grid}.placeholder h2{color:#2d4541}.placeholder p{max-width:360px;font-size:14px}.placeholder .primary{margin-top:8px}.modal-backdrop{z-index:10;background:#10272466;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(520px,100%);padding:24px;box-shadow:0 18px 56px #0f252240}.modal-head{justify-content:space-between;align-items:start;margin-bottom:21px;display:flex}.modal h2{color:#203735;font-family:Fraunces,Georgia,serif;font-size:24px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{color:#50615d;gap:6px;font-size:12px;font-weight:700;display:grid}.form-grid .wide{grid-column:span 2}input,select{height:41px;font:inherit;color:#273a37;background:#fff;border:1px solid #d9e2de;border-radius:5px;outline:none;padding:0 11px;font-size:13px}input:focus,select:focus{border-color:#3b8982;box-shadow:0 0 0 3px #dff1ef}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.secondary{color:#4a5c57;background:#eef2f0;border-radius:6px;height:42px;padding:0 16px;font-weight:700}.mobile-menu{display:none}.people-panel{margin-top:20px;overflow:hidden}.people-panel .panel-title{padding:21px}.people-list{border-top:1px solid #eff2f0}.people-row{border-top:1px solid #eff2f0;grid-template-columns:minmax(200px,1.2fr) minmax(190px,1fr) auto;align-items:center;gap:20px;padding:16px 21px;display:grid}.people-row:first-child{border-top:0}.account-main{align-items:center;gap:11px;min-width:0;display:flex}.account-main>div{gap:4px;min-width:0;display:grid}.account-main span,.people-contact{color:#81908b;font-size:12px}.account-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.people-contact{gap:4px;display:grid}.account-meta{color:#61716d;white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;font-size:11px;display:flex}.account-meta code{color:#687773;font-family:inherit}.account-state{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.empty-copy{color:#81908b;padding:20px 21px;font-size:13px}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,1fr)}.main{padding:28px 25px}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.sidebar{width:210px}.main{width:calc(100% - 210px);margin-left:210px}.people-row{grid-template-columns:1fr auto}.people-contact{grid-column:1/2}}@media (width<=720px){.sidebar{display:none}.main{width:100%;margin:0;padding:20px 15px}.mobile-menu{display:grid}header{align-items:start;margin-bottom:23px}.header-actions{gap:3px}.new-order{width:42px;padding:0;font-size:0}.new-order svg{margin:0}.metrics{gap:10px}.metrics article{min-height:140px;padding:14px}.metrics strong{font-size:23px}.content-grid,.right-column{grid-template-columns:1fr}.order{grid-template-columns:36px 1fr 70px 25px;gap:8px;padding:12px 13px}.order-due{display:none}.orders-panel .panel-title{padding:0 14px 14px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}h1{font-size:25px}.eyebrow{font-size:10px}.people-panel{margin-top:0}.people-panel .panel-title,.people-row{padding-left:14px;padding-right:14px}.people-row{grid-template-columns:1fr;gap:12px}.people-contact{grid-column:auto}.account-meta{flex-wrap:wrap;justify-content:flex-start}}.status.pending-approval{color:#b27019;background:#fff0d6}.status.approved{color:#418157;background:#e3f4e5}.status.rejected{color:#ad554e;background:#fbe5e3}.status.processing{color:#387aa0;background:#e3f1fa}.status.payment-pending{color:#7656a5;background:#f1eaff}.status.ready-for-pickup{color:#418157;background:#e3f4e5}.status.picked-up{color:#64736e;background:#edf0f1}.order-reject{height:30px;padding:0 9px;font-size:11px}.booking-form-panel,.booking-management{margin-bottom:22px;padding:21px}.booking-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.booking-form label,.booking-details p{color:#50615d;gap:6px;font-size:12px;font-weight:700;display:grid}.booking-form .wide{grid-column:span 2}textarea{resize:vertical;min-height:84px;font:inherit;color:#273a37;border:1px solid #d9e2de;border-radius:5px;padding:10px 11px;font-size:13px}.booking-estimate{background:#fff7ec;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;padding:15px;display:flex}.booking-estimate div{gap:3px;display:grid}.booking-estimate span,.booking-estimate small{color:#687672;font-size:12px}.booking-estimate strong{color:#b76d1d;font-size:22px}.customer-booking-list{display:grid}.customer-order small{color:#81908b;grid-column:2/4}.booking-table{border-top:1px solid #edf1ef;margin-top:18px;display:grid}.booking-row{border-bottom:1px solid #edf1ef;grid-template-columns:1fr 1.25fr .75fr auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.booking-row>div:not(.booking-actions){gap:4px;display:grid}.booking-row strong{color:#2f3c3b;font-size:13px}.booking-row span{color:#81908b;font-size:11px}.booking-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.booking-actions .primary,.booking-actions .secondary{height:32px;padding:0 10px;font-size:11px}.booking-detail{max-height:88vh;overflow:auto}.booking-details{gap:8px;padding:12px 0 17px;display:grid}.booking-details p{color:#60706c;font-weight:400}.receipt-summary{color:#45625a;background:#f2f7f5;border-radius:6px;align-items:center;gap:10px;margin-top:18px;padding:12px;font-size:13px;display:flex}.main .metrics article:first-child{background:linear-gradient(145deg,#fff7df,#ffedbd);border-color:#f3d687}.main .metrics article:first-child .metric-icon{color:#ad741b;background:#ffe6a2}.main .metrics article:nth-child(2){background:linear-gradient(145deg,#e8f4ff,#d6eaff);border-color:#b9d9f4}.main .metrics article:nth-child(2) .metric-icon{color:#2c6c9a;background:#cce7fb}.main .metrics article:nth-child(3){background:linear-gradient(145deg,#eee8ff,#ddd2ff);border-color:#cfc0f4}.main .metrics article:nth-child(3) .metric-icon{color:#6950a8;background:#dfd3ff}.main .metrics article:nth-child(4){background:linear-gradient(145deg,#e5f8ea,#cff0d9);border-color:#b3dfc0}.main .metrics article:nth-child(4) .metric-icon{color:#347d4c;background:#c7ebd0}.account-history{border-top:1px solid #edf1ef;margin-top:20px}.account-history .panel-title{padding:21px 0 14px}.account-history-list{border-top:1px solid #edf1ef}.account-history-row{border-bottom:1px solid #edf1ef;grid-template-columns:minmax(190px,1fr) minmax(0,2.4fr);align-items:center;gap:20px;padding:16px 0;display:grid}.account-history-row>div:first-child{gap:5px;display:grid}.account-history-row>div:first-child strong{color:#2f3c3b;font-size:13px}.account-history-row>div:first-child span{color:#81908b;font-size:11px}.account-history-details{grid-template-columns:minmax(150px,1.3fr) minmax(145px,1fr) minmax(165px,1fr) auto;align-items:center;gap:16px;display:grid}.account-history-details span:not(.account-state){gap:4px;min-width:0;display:grid}.account-history-details small{color:#8a9893;text-transform:uppercase;font-size:10px}.account-history-details strong{color:#405853;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.protected-credential{font-style:italic;color:#8a6a35!important}.account-history-details .account-state{white-space:nowrap;justify-self:end}.status.customer-arrived{color:#4d689b;background:#e9effa}.status.completed{color:#418157;background:#e3f4e5}.status.cancelled{color:#64736e;background:#edf0f1}@media (width<=720px){.booking-form{grid-template-columns:1fr}.booking-form .wide{grid-column:auto}.booking-estimate{flex-direction:column;align-items:stretch}.booking-estimate .primary{width:100%}.booking-row{grid-template-columns:1fr;gap:8px}.booking-actions{justify-content:flex-start}.customer-order{grid-template-columns:36px 1fr}.customer-order .status,.customer-order button,.customer-order small{grid-column:2}}.reports-page{gap:20px;display:grid}.report-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.report-summary article{background:#fff;border:1px solid #dfe9e4;border-radius:8px;gap:7px;padding:18px 20px;display:grid}.report-summary span,.report-summary small{color:#71817b;font-size:11px}.report-summary strong{color:#25433e;font-size:24px}.reports-visual-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:20px;display:grid}.reports-panel,.service-report,.report-statistics{padding:21px}.bar-chart{border-top:1px solid #edf1ef;align-items:end;gap:clamp(7px,2vw,20px);height:270px;padding:24px 8px 0;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;min-width:0;height:100%;display:flex}.bar-column .bar-value{color:#47645c;font-size:11px;font-weight:700}.bar-track{background:#f0f4f2;border-radius:5px 5px 0 0;align-items:end;width:min(42px,75%);height:190px;display:flex;overflow:hidden}.bar-track i{border-radius:5px 5px 0 0;width:100%;min-height:0;display:block}.bar-column>span{text-align:center;color:#71817b;width:100%;min-height:28px;font-size:10px}.service-bars{gap:18px;margin-top:10px;display:grid}.service-bar{gap:7px;display:grid}.service-bar>div:first-child{justify-content:space-between;gap:10px;display:flex}.service-bar strong{color:#34534b;font-size:12px}.service-bar span{color:#7a8984;white-space:nowrap;font-size:11px}.service-track{background:#edf2ef;border-radius:99px;height:9px;overflow:hidden}.service-track i{border-radius:inherit;background:#e99536;height:100%;display:block}.payment-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.payment-stat-grid div{background:#f5f8f6;border-radius:6px;gap:6px;padding:15px;display:grid}.payment-stat-grid span{color:#71817b;font-size:11px}.payment-stat-grid strong{color:#25433e;font-size:20px}@media (width<=900px){.report-summary{grid-template-columns:repeat(2,1fr)}.reports-visual-grid{grid-template-columns:1fr}.payment-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.report-summary,.payment-stat-grid{grid-template-columns:1fr}.reports-panel,.service-report,.report-statistics{padding:15px}.bar-chart{gap:4px}.bar-column>span{font-size:8px}}.revenue-report{padding:22px}.revenue-filters{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.revenue-filters label{color:#71817b;gap:5px;font-size:11px;font-weight:700;display:grid}.revenue-filters select,.revenue-filters input{color:#25433e;min-width:120px;height:36px;font:inherit;background:#fff;border:1px solid #d8e5df;border-radius:6px;padding:0 10px}.revenue-summary{align-items:baseline;gap:12px;margin:22px 0 8px;display:flex}.revenue-summary strong{color:#205447;font-size:28px}.revenue-summary span,.revenue-chart-caption{color:#71817b;font-size:12px}.range-error{color:#ad554e;margin-top:14px;font-size:12px}.revenue-chart{border-top:1px solid #edf1ef;align-items:end;gap:clamp(8px,2vw,20px);height:300px;padding:24px 10px 0;display:flex;overflow-x:auto}.revenue-bar-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;min-width:30px;height:100%;display:flex}.revenue-bar-column>strong{color:#47645c;white-space:nowrap;min-height:14px;font-size:10px}.revenue-bar-track{background:#f0f4f2;border-radius:5px 5px 0 0;align-items:end;width:min(42px,75%);height:210px;display:flex;overflow:hidden}.revenue-bar-track i{background:#e99536;border-radius:5px 5px 0 0;width:100%;min-height:0;display:block}.revenue-bar-column>span{color:#71817b;font-size:10px}.daily-revenue-chart{gap:6px}.daily-revenue-chart .revenue-bar-column{min-width:26px}.daily-revenue-chart .revenue-bar-column>strong{font-size:8px}.daily-revenue-chart .revenue-bar-track{width:min(24px,80%)}.revenue-chart-caption{text-align:center;margin:8px 0 0}@media (width<=600px){.revenue-report{padding:15px}.revenue-report .panel-title{flex-direction:column;align-items:flex-start}.revenue-filters{width:100%}.revenue-filters label{flex:1}.revenue-filters select,.revenue-filters input{width:100%;min-width:0}.revenue-summary{flex-direction:column;align-items:flex-start;gap:3px}.daily-revenue-chart{gap:4px}.daily-revenue-chart .revenue-bar-column{min-width:22px}.daily-revenue-chart .revenue-bar-column>strong{font-size:7px}.daily-revenue-chart .revenue-bar-column>span{font-size:8px}}.auth-page{isolation:isolate;background:#123c3a url(https://images.unsplash.com/photo-1517677208171-0bc6725a3e60?auto=format&fit=crop&w=1900&q=90) 50%/cover;place-items:center start;min-height:100vh;padding:48px 12vw;display:grid;position:relative}.auth-page:before{content:"";z-index:-1;background:#123c3ab8;position:absolute;inset:0}.auth-card{background:#fffffff2;border:1px solid #fff;border-radius:8px;gap:24px;width:min(440px,100%);padding:32px;display:grid;box-shadow:0 22px 56px #061e1c66}.auth-card-wide{width:min(500px,100%)}.auth-brand{color:#173d3a;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.auth-card h1{font-size:28px}.auth-copy{color:#70807b;margin-top:7px;font-size:14px}.auth-card form{gap:15px;display:grid}.auth-card label{color:#50615d;gap:7px;font-size:12px;font-weight:700;display:grid}.role-switch{background:#e7efec;border-radius:6px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.role-switch-two{grid-template-columns:1fr 1fr}.role-switch button{color:#667571;height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.role-switch button.selected{color:#1e5e59;background:#fff;box-shadow:0 1px 3px #193c3818}.auth-submit{width:100%;margin-top:4px}.auth-note{color:#687b76;text-align:center;font-size:12px}.auth-message{color:#3f5551;background:#f7faf8;border:1px solid #e4ece9;border-radius:6px;margin:0;padding:9px 11px;font-size:12px}.logout{color:#d5a49c}.customer-page{background:#f5f7f6;min-height:100vh;padding:0 7vw 52px}.customer-header{background:#fff;border-bottom:1px solid #e3eae7;justify-content:space-between;align-items:center;height:74px;margin:0 -7vw;padding:0 7vw;display:flex}.customer-brand{color:#173d3a;padding:0;font-size:19px}.customer-actions{color:#71807b;align-items:center;gap:14px;font-size:13px;display:flex}.customer-actions .secondary{align-items:center;gap:6px;display:inline-flex}.customer-actions .profile-button{color:#1e5e59}.customer-welcome{padding:54px 0 30px}.customer-welcome h1{font-size:34px}.customer-welcome>p:last-child{color:#6e7c78;margin-top:8px}.customer-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.customer-orders,.pickup-guide{padding:22px}.customer-order{border-top:1px solid #edf1ef;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;margin-top:18px;padding-top:17px;display:grid}.customer-order>div:nth-child(2){gap:4px;display:grid}.customer-order strong{color:#2b3c39;font-size:14px}.customer-order span:not(.status),.customer-order small{color:#7e8c87;font-size:12px}.customer-order small{grid-column:2/4}.service-icon{color:#287b78;background:#e1f1ef;border-radius:7px;place-items:center;width:39px;height:39px;display:grid}.pickup-guide{align-self:start}.pickup-guide h2{margin:15px 0 7px;font-size:17px}.pickup-guide p{color:#74817d;margin-bottom:17px;font-size:13px;line-height:1.55}@media (width<=720px){.auth-page{background-position:58%;place-items:center;padding:20px}.auth-card{padding:25px 20px}.customer-page{padding:0 15px 32px}.customer-header{margin:0 -15px;padding:0 15px}.customer-actions>span{display:none}.customer-grid{grid-template-columns:1fr}.customer-welcome{padding:38px 0 25px}.customer-order{grid-template-columns:42px 1fr auto}}.customer-page{background:radial-gradient(circle at 8% 0,#d9f1ff 0,#0000 31%),radial-gradient(circle at 94% 22%,#eee1ff 0,#0000 30%),linear-gradient(145deg,#f7fbff 0%,#f4f7ff 52%,#fdf8f1 100%)}.customer-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom-color:#dbe6f3}.customer-welcome{position:relative}.customer-welcome h1{color:#224a73}.customer-welcome>p:last-child{color:#58718a}.customer-page .panel{border-color:#dbe7f3;box-shadow:0 10px 28px #456a9120}.customer-page .booking-form-panel{background:#ffffffdf}.customer-page .pickup-guide{background:linear-gradient(150deg,#edf8ff,#f4efff)}.customer-page .customer-orders{background:#ffffffdf}.receipt-header{color:#60746d;border-bottom:1px solid #e5ece9;justify-content:space-between;padding:14px 0;display:flex}.receipt-header strong{color:#205447}.receipt-details span{color:#788781;font-size:11px}.receipt-total{color:#80571f;background:#fff7e8;border-radius:7px;justify-content:space-between;align-items:center;padding:16px;display:flex}.receipt-thanks{text-align:center;color:#71817b;margin-top:18px;font-size:12px}.receipt-summary{flex-wrap:wrap}.receipt-summary .secondary{height:32px;padding:0 10px;font-size:11px}@media print{body *{visibility:hidden}.receipt-modal,.receipt-modal *{visibility:visible}.receipt-modal{width:100%;max-width:none;box-shadow:none;position:absolute;top:0;left:0}.no-print{display:none!important}}.billing-final-form{align-items:end;gap:8px;display:flex}.billing-final-form label{color:#788781;gap:5px;font-size:11px;display:grid}.billing-final-form input{width:94px;height:34px;font:inherit;color:#2c403a;background:#fff;border:1px solid #d8e5df;border-radius:6px;padding:0 8px}.billing-status{flex-wrap:wrap}.billing-status small{text-align:right;color:#788781;width:100%;font-size:11px}@media (width<=850px){.billing-final-form{align-items:start}.billing-status small{text-align:left}}@media (width<=520px){.billing-final-form,.billing-final-form input{width:100%}.billing-final-form label{flex:1}.billing-status{width:100%}}.staff-billing-panel{margin-top:20px;padding:20px}.staff-billing-panel h2{align-items:center;gap:8px;display:flex}.billing-list{gap:10px;margin-top:14px;display:grid}.billing-row{border-top:1px solid #edf2ef;grid-template-columns:minmax(150px,1.2fr) minmax(120px,1fr) minmax(125px,.8fr) auto;align-items:center;gap:16px;padding:14px 0;display:grid}.billing-row strong{color:#2c3d39;font-size:13px}.billing-row span{color:#788781;font-size:11px}.billing-customer,.billing-service,.billing-amount{gap:5px;display:grid}.billing-amount strong{color:#205447;font-size:17px}.billing-status{justify-content:flex-end;align-items:center;gap:10px;display:flex}.payment-paid,.payment-unpaid{border-radius:999px;justify-content:center;align-items:center;min-width:64px;padding:6px 9px;font-weight:700;display:inline-flex;font-size:11px!important}.payment-paid{background:#e5f7e9;color:#2d7b44!important}.payment-unpaid{background:#fff1d7;color:#9a671a!important}@media (width<=850px){.billing-row{grid-template-columns:1fr 1fr}.billing-status{grid-column:1/-1;justify-content:flex-start}}@media (width<=520px){.billing-row{grid-template-columns:1fr}.billing-status{flex-wrap:wrap;grid-column:auto}}.staff-directory-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px;display:grid}.staff-history-panel,.staff-customers-panel{padding:20px}.staff-history-panel h2,.staff-customers-panel h2{align-items:center;gap:8px;display:flex}.staff-search{color:#678078;background:#fff;border:1px solid #d8e5df;border-radius:6px;align-items:center;gap:8px;height:40px;margin-top:15px;padding:0 11px;display:flex}.staff-search input{width:100%;font:inherit;color:#2c403a;background:0 0;border:0;outline:0}.staff-history-list,.staff-customer-list{gap:10px;margin-top:14px;display:grid}.staff-history-list article,.staff-customer-list article{border-top:1px solid #edf2ef;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.staff-history-list article>div,.staff-customer-contact{align-items:center;gap:10px;display:flex}.staff-history-list article>div:first-child,.staff-customer-list article .account-main{gap:4px;display:grid}.staff-history-list strong,.staff-customer-list strong{color:#2c3d39;font-size:13px}.staff-history-list span,.staff-customer-list span{color:#788781;font-size:11px}.staff-customer-contact{flex-wrap:wrap;justify-content:flex-end}.staff-customer-contact code{color:#245c58;background:#ecf4f1;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:700}@media (width<=720px){.staff-directory-grid{grid-template-columns:1fr}.staff-history-list article,.staff-customer-list article{flex-direction:column;align-items:flex-start}.staff-customer-contact{justify-content:flex-start}}.role-switch-three{grid-template-columns:repeat(3,1fr)}.role-switch-three button{gap:4px;font-size:11px}.staff-page{background:#f5f7f6;min-height:100vh;padding:0 5vw 52px}.staff-header{background:#fff;border-bottom:1px solid #e3eae7;justify-content:space-between;align-items:center;height:74px;margin:0 -5vw;padding:0 5vw;display:flex}.staff-welcome{justify-content:space-between;align-items:end;gap:18px;padding:46px 0 28px;display:flex}.staff-welcome h1{font-size:32px}.staff-welcome>div>p:last-child{color:#6e7c78;margin-top:8px}.shift-chip{color:#43835a;background:#e8f6ed;border:1px solid #cce8d9;border-radius:999px;align-items:center;gap:5px;height:33px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.staff-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:20px;display:grid}.task-board,.staff-machine,.staff-note{padding:21px}.staff-task{border-top:1px solid #edf1ef;grid-template-columns:36px minmax(120px,1fr) 80px auto;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:grid}.staff-task>div:nth-child(2){gap:4px;display:grid}.staff-task strong{color:#2c3c39;font-size:13px}.staff-task span:not(.status){color:#7d8c87;font-size:11px}.task-action{white-space:nowrap;height:34px;font-size:11px}.staff-side{align-content:start;gap:17px;display:grid}.staff-machine .machine{margin-top:18px}.staff-note{color:#725d22;background:#fffaf0;gap:11px;display:flex}.staff-note svg{color:#c18727;flex:none}.staff-note strong{font-size:13px}.staff-note p{color:#7f744d;margin-top:4px;font-size:12px;line-height:1.5}@media (width<=720px){.staff-page{padding:0 15px 32px}.staff-header{margin:0 -15px;padding:0 15px}.staff-welcome{flex-direction:column;align-items:start;padding:35px 0 22px}.staff-grid{grid-template-columns:1fr}.staff-task{grid-template-columns:36px 1fr 72px}.task-action{grid-column:2/4;justify-self:start}.role-switch-three button{font-size:10px}.role-switch-three svg{display:none}}.profile-status-panel{margin-top:20px;padding:20px}.profile-status-list{gap:10px;margin-top:14px;display:grid}.profile-status-item{background:#fff;border:1px solid #e3ebe7;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.profile-status-item strong{color:#2c3d39;font-size:13px}.profile-status-item span{color:#788781;font-size:12px}.profile-status-meta{align-items:center;gap:10px;display:flex}.profile-status-meta code,.approval-actions code,.account-meta code{color:#245c58;background:#ecf4f1;border-radius:999px;padding:4px 8px;font-family:DM Sans,Arial,sans-serif;font-size:12px;font-weight:700}.account-state{border-radius:999px;justify-content:center;align-items:center;min-width:116px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.account-state.pending{color:#91631a;background:#fff6df}.account-state.approved{color:#2e7a44;background:#e7f7ea}.account-state.declined{color:#9f3434;background:#fdeaea}.accounts-panel{margin-top:20px;padding:22px}.approval-queue{gap:10px;margin-top:14px;display:grid}.approval-item{background:#fbfdfc;border:1px solid #e5ece9;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.approval-item strong{color:#26403a;font-size:14px}.approval-item span{color:#74827e;font-size:12px}.approval-actions{align-items:center;gap:8px;display:flex}.all-account-list{gap:10px;margin-top:18px;display:grid}.account-row{border-top:1px solid #edf2ef;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.account-main{align-items:center;gap:10px;display:flex}.account-main strong{color:#2b3e39;font-size:13px}.account-main span{color:#778682;font-size:12px}.account-meta{color:#6f7c78;align-items:center;gap:8px;font-size:12px;display:flex}.empty-copy{color:#7a8883;margin-top:12px;font-size:13px}@media (width<=720px){.profile-status-item,.approval-item,.account-row{flex-direction:column;align-items:flex-start}.profile-status-meta,.approval-actions,.account-meta{flex-wrap:wrap;width:100%}}.staff-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.staff-metrics article{color:#35766a;background:#fff;border:1px solid #dfe8e3;border-radius:8px;gap:7px;padding:17px;display:grid}.staff-metrics span{color:#697a75;font-size:12px}.staff-metrics strong{color:#2b403a;font-size:25px}.staff-dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(230px,.7fr);gap:20px;margin-bottom:20px;display:grid}.staff-quick-queue,.staff-help{padding:20px}.staff-quick-queue article{border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.staff-quick-queue article>div{gap:4px;display:grid}.staff-quick-queue strong{color:#2c3c39;font-size:13px}.staff-quick-queue article span:not(.status){color:#7d8c87;font-size:11px}.staff-help{color:#725d22;background:#fffaf0;height:max-content}.staff-help strong{font-size:14px}.staff-help ol{color:#7f744d;gap:8px;margin:11px 0 0;padding-left:19px;font-size:12px;line-height:1.4;display:grid}@media (width<=720px){.staff-metrics,.staff-dashboard-grid{grid-template-columns:1fr}.staff-metrics{gap:10px}.staff-welcome .primary{width:100%}}.personnel-profile-form{gap:12px;margin-top:14px;display:grid}.personnel-profile-form label{color:#50615d;gap:6px;font-size:12px;font-weight:700;display:grid}.personnel-profile-form input{height:40px;font:inherit;border:1px solid #d8e2de;border-radius:6px;padding:0 11px}.personnel-profile-form button.primary{justify-self:start;height:40px}.staff-page{background:radial-gradient(circle at 7% 4%,#d9f5e9 0,#0000 28%),radial-gradient(circle at 91% 18%,#dcecff 0,#0000 30%),linear-gradient(145deg,#f5fbf8 0%,#f5f9ff 55%,#fff9f0 100%)}.staff-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdc;border-bottom-color:#d8eae2}.staff-welcome h1{color:#205447}.staff-welcome>div>p:last-child{color:#52766c}.staff-page .panel{border-color:#d7e8e1;box-shadow:0 10px 28px #356b5920}.staff-metrics article{background:linear-gradient(145deg,#fff,#eef9f4);box-shadow:0 8px 20px #3e7c6920}.staff-help{background:linear-gradient(145deg,#fff8df,#fffdf4)}.staff-metrics article:first-child{color:#ae7419;background:linear-gradient(145deg,#fff7df,#ffedbd);border-color:#f3d687}.staff-metrics article:first-child strong{color:#9d6411}.staff-metrics article:nth-child(2){color:#2c6c9a;background:linear-gradient(145deg,#e8f4ff,#d6eaff);border-color:#b9d9f4}.staff-metrics article:nth-child(2) strong{color:#235a84}.staff-metrics article:nth-child(3){color:#6950a8;background:linear-gradient(145deg,#eee8ff,#ddd2ff);border-color:#cfc0f4}.staff-metrics article:nth-child(3) strong{color:#583c98}.staff-metrics article:nth-child(4){color:#347d4c;background:linear-gradient(145deg,#e5f8ea,#cff0d9);border-color:#b3dfc0}.staff-metrics article:nth-child(4) strong{color:#236a3b}.staff-workspace{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:26px;display:grid}.staff-sidebar{background:#ffffffd9;border:1px solid #d7e8e1;border-radius:10px;flex-direction:column;gap:12px;padding:15px 10px;display:flex;position:sticky;top:18px;box-shadow:0 10px 26px #356b5918}.staff-sidebar-label{color:#81908b;letter-spacing:.08em;text-transform:uppercase;padding:0 10px;font-size:10px;font-weight:700}.staff-sidebar nav{gap:4px;display:grid}.staff-nav-item{color:#668078;width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.staff-nav-item:hover,.staff-nav-item.active{color:#205c55;background:#e8f5f2}.staff-nav-item.active{box-shadow:inset 3px 0 #2a8580}.staff-logout{color:#9a655c;border-top:1px solid #edf2ef;border-radius:0;margin-top:auto;padding-top:12px}.staff-content{min-width:0}.staff-content>.staff-welcome{padding-top:0}.staff-content .staff-billing-panel{margin-top:0}.staff-content .staff-directory-grid,.staff-content .profile-status-panel{margin-top:20px}.booking-management,.staff-billing-panel,.staff-history-panel,.staff-customers-panel,.profile-status-panel{scroll-margin-top:18px}body[data-staff-view=overview] .staff-content>.booking-management,body[data-staff-view=overview] .staff-content>.staff-billing-panel,body[data-staff-view=overview] .staff-content>.staff-directory-grid,body[data-staff-view=overview] .staff-content>.profile-status-panel,body[data-staff-view=bookings] .staff-content>.staff-welcome,body[data-staff-view=bookings] .staff-content>.staff-metrics,body[data-staff-view=bookings] .staff-content>.staff-dashboard-grid,body[data-staff-view=bookings] .staff-content>.staff-billing-panel,body[data-staff-view=bookings] .staff-content>.staff-directory-grid,body[data-staff-view=bookings] .staff-content>.profile-status-panel,body[data-staff-view=billing] .staff-content>.staff-welcome,body[data-staff-view=billing] .staff-content>.staff-metrics,body[data-staff-view=billing] .staff-content>.staff-dashboard-grid,body[data-staff-view=billing] .staff-content>.booking-management,body[data-staff-view=billing] .staff-content>.staff-directory-grid,body[data-staff-view=billing] .staff-content>.profile-status-panel,body[data-staff-view=history] .staff-content>.staff-welcome,body[data-staff-view=history] .staff-content>.staff-metrics,body[data-staff-view=history] .staff-content>.staff-dashboard-grid,body[data-staff-view=history] .staff-content>.booking-management,body[data-staff-view=history] .staff-content>.staff-billing-panel,body[data-staff-view=history] .staff-content>.profile-status-panel,body[data-staff-view=customers] .staff-content>.staff-welcome,body[data-staff-view=customers] .staff-content>.staff-metrics,body[data-staff-view=customers] .staff-content>.staff-dashboard-grid,body[data-staff-view=customers] .staff-content>.booking-management,body[data-staff-view=customers] .staff-content>.staff-billing-panel,body[data-staff-view=customers] .staff-content>.profile-status-panel,body[data-staff-view=accounts] .staff-content>.staff-welcome,body[data-staff-view=accounts] .staff-content>.staff-metrics,body[data-staff-view=accounts] .staff-content>.staff-dashboard-grid,body[data-staff-view=accounts] .staff-content>.booking-management,body[data-staff-view=accounts] .staff-content>.staff-billing-panel,body[data-staff-view=accounts] .staff-content>.staff-directory-grid,.staff-content>.staff-directory-grid .staff-customers-panel,body[data-staff-view=history] .staff-content>.customer-history-panel,body[data-staff-view=customers] .staff-content>.staff-directory-grid .staff-history-panel{display:none}@media (width<=850px){.staff-workspace{grid-template-columns:1fr;gap:14px}.staff-sidebar{z-index:5;padding:8px;display:block;position:sticky;top:0;overflow-x:auto}.staff-sidebar-label,.staff-logout{display:none}.staff-sidebar nav{gap:5px;display:flex;overflow-x:auto}.staff-nav-item{width:auto;min-width:max-content;padding:0 12px}.staff-nav-item.active{box-shadow:inset 0 -3px #2a8580}}body[data-staff-view=customers] .staff-content>.staff-directory-grid .staff-customers-panel{display:block}body[data-staff-view=history] .staff-content>.staff-directory-grid{grid-template-columns:1fr;margin-top:0}body[data-staff-view=history] .staff-content>.staff-directory-grid .staff-history-panel{min-height:540px;padding:32px}body[data-staff-view=history] .staff-content>.staff-directory-grid .staff-history-list{gap:14px;margin-top:20px}body[data-staff-view=history] .staff-content>.staff-directory-grid .staff-history-list article{background:#fff;border:1px solid #dfece6;border-radius:9px;min-height:104px;padding:20px 16px;box-shadow:0 5px 16px #356b5912}body[data-staff-view=history] .staff-content>.staff-directory-grid .staff-history-list strong{font-size:16px}body[data-staff-view=history] .staff-content>.staff-directory-grid .staff-history-list span{font-size:13px}body[data-staff-view=history] .staff-content>.staff-directory-grid .staff-history-list small{color:#788781;font-size:12px}body[data-staff-view=customers] .staff-content>.staff-directory-grid{grid-template-columns:1fr;margin-top:0}body[data-staff-view=customers] .staff-content>.staff-directory-grid .staff-customers-panel{min-height:500px;padding:32px}body[data-staff-view=services] .staff-content>.staff-welcome,body[data-staff-view=services] .staff-content>.staff-metrics,body[data-staff-view=services] .staff-content>.staff-dashboard-grid,body[data-staff-view=services] .staff-content>.staff-billing-panel,body[data-staff-view=services] .staff-content>.staff-directory-grid,body[data-staff-view=services] .staff-content>.profile-status-panel,body:not([data-staff-view=services]) .staff-service-catalog{display:none}.staff-service-catalog{margin-bottom:20px;padding:28px}.staff-service-catalog h2{align-items:center;gap:8px;display:flex}.staff-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.staff-service-grid article{background:#f5fbf8;border:1px solid #d9e7e2;border-radius:10px;overflow:hidden}.staff-service-grid img{object-fit:cover;width:100%;height:150px;display:block}.staff-service-grid article>div{gap:7px;padding:14px;display:grid}.staff-service-grid strong{color:#205447;font-size:15px}.staff-service-grid small{color:#667789;min-height:32px;font-size:12px;line-height:1.35}.staff-service-grid b{color:#a86818;font-size:13px}@media (width<=720px){.staff-service-catalog{padding:20px}.staff-service-grid{grid-template-columns:1fr}.staff-service-grid article{grid-template-columns:132px 1fr;display:grid}.staff-service-grid img{height:100%;min-height:145px}}body:not([data-staff-view=customers]) .staff-walk-in-panel{display:none}.staff-walk-in-panel{margin-top:20px;padding:28px;scroll-margin-top:18px}.staff-walk-in-panel h2{align-items:center;gap:8px;display:flex}.walk-in-customer-picker{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.walk-in-customer-picker button{align-items:center;gap:7px;display:flex}.walk-in-customer-picker small{opacity:.75;font-size:10px}.selected-customer{color:#205c55!important;background:#e8f5f2!important;border-color:#2a8580!important}.walk-in-service-form{border-top:1px solid #edf2ef;grid-template-columns:minmax(160px,1.2fr) minmax(150px,1fr) 120px auto;align-items:end;gap:14px;padding-top:18px;display:grid}.walk-in-service-form label,.walk-in-customer{color:#788781;gap:6px;font-size:11px;display:grid}.walk-in-service-form select,.walk-in-service-form input{color:#2c403a;height:38px;font:inherit;background:#fff;border:1px solid #d8e5df;border-radius:6px;padding:0 10px}.walk-in-customer strong{color:#2c403a;font-size:14px}.walk-in-total{color:#788781;justify-items:end;gap:4px;font-size:11px;display:grid}.walk-in-total strong{color:#205447;font-size:19px}.walk-in-total .primary{margin-top:3px}@media (width<=720px){.staff-walk-in-panel{padding:20px}.walk-in-service-form{grid-template-columns:1fr}.walk-in-total{justify-items:start}.walk-in-total .primary{width:100%}}.staff-walk-in-panel h2{font-size:0}.staff-walk-in-panel h2 svg{font-size:initial}.staff-walk-in-panel h2:after{content:"Services";font-size:22px}.staff-walk-in-panel .panel-title p{font-size:0}.staff-walk-in-panel .panel-title p:after{content:"Choose the customer and service below.";font-size:12px}.staff-walk-in-panel .walk-in-total .primary{font-size:0}.staff-walk-in-panel .walk-in-total .primary svg{font-size:initial}.staff-walk-in-panel .walk-in-total .primary:after{content:"Add service";font-size:12px}.staff-payment-summary,.customer-booking-summary{justify-items:end;gap:5px;display:grid}.staff-payment-summary span,.customer-booking-summary span{color:#788781;font-size:11px}.staff-payment-summary strong,.customer-booking-summary strong{color:#205447;font-size:16px}.customer-booking-summary{background:#f2faf6;border:1px solid #cfe5dc;border-radius:8px;padding:10px 14px}.customer-booking-summary strong{font-size:15px}@media (width<=720px){.staff-payment-summary,.customer-booking-summary{justify-items:start}.staff-payment-summary strong,.customer-booking-summary strong{font-size:13px}body[data-staff-view=history] .staff-content>.staff-directory-grid .staff-history-panel,body[data-staff-view=customers] .staff-content>.staff-directory-grid .staff-customers-panel{padding:20px}body[data-staff-view=history] .staff-content>.staff-directory-grid .staff-history-list article{gap:14px;min-height:0;padding:16px}}@media (width>=851px){.staff-page{padding-left:3vw;padding-right:3vw}.staff-header{margin-left:-3vw;margin-right:-3vw;padding-left:3vw;padding-right:3vw}.staff-workspace{grid-template-columns:280px minmax(0,1fr);gap:32px}.staff-sidebar{padding:20px 14px}.staff-nav-item{min-height:48px;padding:0 14px;font-size:13px}.staff-sidebar-label{padding:0 14px;font-size:11px}.staff-welcome h1{font-size:38px}.staff-welcome{padding-bottom:34px}.staff-metrics{gap:20px}.staff-metrics article{min-height:145px;padding:23px}.staff-metrics strong{font-size:30px}.staff-content .panel,.staff-content .booking-management{padding:28px}.staff-content .staff-directory-grid{gap:28px}.staff-content .staff-billing-panel{padding:28px}.staff-content .panel-title h2{font-size:22px}}.laundry-staff-picker{color:#63756f;gap:4px;font-size:11px;font-weight:700;display:grid}.laundry-staff-picker select{color:#205447;min-width:145px;height:36px;font:inherit;background:#f7fcf9;border:1px solid #cfe1d8;border-radius:6px;padding:0 8px;font-size:12px}.laundry-staff-picker select option:disabled{color:#9a655c}.billing-status label{color:#63756f;gap:4px;font-size:11px;font-weight:700;display:grid}.billing-status label input{color:#2c403a;width:105px;height:34px;font:inherit;background:#fff;border:1px solid #d8e5df;border-radius:6px;padding:0 8px}.payment-error{font-weight:700;color:#a33f35!important}.staff-history-panel{margin-top:20px;padding:20px;display:none}.history-search{display:none!important}.history-customer-heading{border-top:1px solid #edf2ef;align-items:center;gap:10px;padding:14px 0;display:flex}.history-customer-heading div{gap:4px;display:grid}.history-customer-heading strong{color:#2c3d39;font-size:14px}.history-customer-heading span{color:#788781;font-size:11px}.history-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.staff-history-list article{justify-content:space-between;align-items:center;gap:16px;display:flex}.staff-history-list article>div:last-child{text-align:right}.staff-history-list article>div:last-child strong{color:#205447}.staff-history-list article>div:last-child span{color:#287952}.staff-history-panel .empty-copy{margin:14px 0 0}body[data-staff-view=history] .staff-content>.staff-history-panel{display:block}body[data-staff-view=history] .staff-content>.staff-history-panel .history-search{gap:6px;margin:14px 0;display:grid!important}.history-search span{color:#63756f;font-size:11px;font-weight:700}.history-search input{color:#2c403a;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #d8e5df;border-radius:6px;padding:0 11px}.history-search input:focus{outline-offset:1px;outline:2px solid #b9ddd2}body[data-staff-view=history] .staff-content>.staff-directory-grid{display:none}@media (width<=520px){.history-summary{grid-template-columns:1fr}.staff-history-list article{flex-direction:column;align-items:flex-start}.staff-history-list article>div:last-child{text-align:left}}.staff-content>.staff-directory-grid{display:none}body[data-staff-view=customers] .staff-content>.staff-directory-grid{display:grid}.payment-section-heading{color:#205447;margin-top:18px;font-size:14px}.staff-content .staff-billing-panel .staff-search{margin-bottom:14px}body[data-staff-view=billing] .staff-billing-panel .billing-status,body[data-staff-view=payment] .staff-billing-panel .billing-final-form,body[data-staff-view=payment] .staff-content>.staff-welcome,body[data-staff-view=payment] .staff-content>.staff-metrics,body[data-staff-view=payment] .staff-content>.staff-dashboard-grid,body[data-staff-view=payment] .staff-content>.staff-service-catalog,body[data-staff-view=payment] .staff-content>.booking-management,body[data-staff-view=payment] .staff-content>.staff-directory-grid,body[data-staff-view=payment] .staff-content>.profile-status-panel,body[data-staff-view=billing] .staff-content>.staff-service-catalog{display:none}.billing-remark{display:none!important}body[data-staff-view=billing] .billing-remark{color:#9a671a;margin-top:3px;font-size:11px;font-weight:700;display:block!important}body[data-staff-view=billing] .billing-remark.fully-paid{color:#2d7b44}.landing-page{background:#edf5fb;min-height:100vh}.landing-hero{isolation:isolate;color:#fff;background:url(https://images.unsplash.com/photo-1517677208171-0bc6725a3e60?auto=format&fit=crop&w=1800&q=85) 50%/cover;min-height:76vh;padding:0 7vw;position:relative}.landing-hero:before{content:"";z-index:-1;background:#143936aa;position:absolute;inset:0}.landing-nav{justify-content:space-between;align-items:center;height:86px;display:flex}.landing-nav .brand{color:#fff;padding:0}.landing-nav>div:last-child{align-items:center;gap:13px;display:flex}.landing-link{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.landing-cta{color:#20524e;box-shadow:none;background:#fff}.landing-cta:hover{background:#f0f5f2}.landing-cta{display:none}.hero-copy{max-width:650px;padding:12vh 0}.hero-kicker{text-transform:uppercase;letter-spacing:.9px;color:#f1bd69;font-size:12px;font-weight:700}.hero-copy h1{color:#fff;margin:12px 0 17px;font-size:78px;line-height:1.03}.hero-copy>p:not(.hero-kicker){color:#edf6f3;max-width:510px;font-size:18px;line-height:1.55}.hero-button{background:#eea144;height:47px;margin-top:27px}.hero-caption{text-align:right;color:#d4e6e1;gap:4px;font-size:12px;display:grid;position:absolute;bottom:26px;right:7vw}.hero-caption strong{color:#fff;font-size:14px}.landing-features{padding:55px 7vw 62px}.landing-features>div{grid-template-columns:repeat(3,1fr);gap:38px;margin-top:18px;display:grid}.landing-features article{padding-right:22px}.landing-features svg{color:#d47e24}.landing-features h2{color:#293d39;margin:14px 0 7px;font-size:17px}.landing-features p{color:#74817d;font-size:13px;line-height:1.55}.services-section{padding:12px 7vw 72px}.services-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px;display:flex}.services-heading .eyebrow{letter-spacing:.7px;font-size:16px}.services-heading h2{color:#203a36;font-family:Fraunces,Georgia,serif;font-size:31px}.services-heading .text-button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.service-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.service-card{background:#fff;border:1px solid #d9e3ee;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 5px 15px #1d5b9410}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #1d5b9420}.service-card img{object-fit:cover;width:100%;height:205px;display:block}.service-card div{background:#f2f7fc;padding:18px}.service-card span{color:#1265b0;text-transform:uppercase;letter-spacing:.45px;font-size:12px;font-weight:800}.service-card h3{color:#173e69;margin:7px 0 6px;font-size:17px}.service-card p{color:#64778b;min-height:40px;font-size:13px;line-height:1.5}.service-card .service-select{margin-top:13px}.landing-contact{color:#fff;background:#173d39;justify-content:space-between;align-items:center;gap:36px;padding:42px 7vw;display:flex}.landing-contact .eyebrow{color:#f1bd69}.landing-contact h2{margin-top:7px;font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1.2}.contact-details{gap:30px;display:flex}.contact-details>*{color:#fff;align-items:flex-start;gap:11px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.contact-details svg{color:#f1bd69;flex:none;margin-top:2px}.contact-details span{gap:3px;display:grid}.contact-details small{color:#b9d1cc;letter-spacing:.45px;text-transform:uppercase;font-size:11px;font-weight:700}.contact-details a:hover{color:#f1bd69}@media (width<=720px){.landing-hero{min-height:74vh;padding:0 20px}.landing-nav{height:72px}.landing-cta{width:40px;padding:0;font-size:0}.landing-cta svg{margin:0}.hero-copy{padding:14vh 0 10vh}.hero-copy h1{font-size:48px}.hero-copy>p:not(.hero-kicker){font-size:16px}.hero-caption{bottom:19px;right:20px}.landing-features,.services-section{padding-left:20px;padding-right:20px}.landing-features{padding-top:38px}.landing-features>div,.service-grid{grid-template-columns:1fr;gap:27px}.landing-features article{padding:0}.services-heading{flex-direction:column;align-items:start}.service-card img{height:210px}.landing-contact{flex-direction:column;align-items:flex-start;padding:36px 20px}.landing-contact h2{font-size:24px}.contact-details{flex-direction:column;gap:20px}}.booking-section{padding-bottom:28px}.customer-account-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:20px;margin-bottom:22px;display:grid}.customer-account-top{margin-bottom:28px}.customer-profile-panel{padding:21px}.customer-profile-panel h2{align-items:center;gap:8px;display:flex}.customer-profile-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.customer-profile-form label{color:#50615d;gap:6px;font-size:12px;font-weight:700;display:grid}.customer-profile-form input,.customer-profile-form select{color:#273a37;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #d9e2de;border-radius:5px;padding:0 11px;font-size:13px}.customer-profile-form button{grid-column:1/-1;justify-self:start}.account-message{color:#287952;align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px;display:flex}.section-heading h2,.kilo-booking h2{color:#263b37;font-size:21px}.section-heading>span{color:#86928e;font-size:12px}.customer-service-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.customer-service{color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e2ee;border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.customer-service:hover,.customer-service.selected{border-color:#2878c8;transform:translateY(-3px);box-shadow:0 9px 22px #246fba20}.customer-service img{object-fit:cover;width:100%;height:156px;display:block}.customer-service>div{background:#f2f7fc;gap:8px;padding:14px;display:grid}.customer-service strong{color:#163b68;font-size:15px}.customer-service small{color:#667789;min-height:32px;font-size:12px;line-height:1.35}.customer-service{cursor:default}.customer-service:hover{box-shadow:none;border-color:#d9e2ee;transform:none}.service-walk-in{color:#28794a;background:#e7f7ea;border-radius:999px;width:max-content;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.customer-service b{color:#1265b0;font-size:15px}.service-select{color:#1265b0;width:max-content;font:inherit;cursor:pointer;background:#e8f3ff;border:0;border-radius:7px;justify-content:center;align-items:center;margin-top:2px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.service-select:hover{color:#fff;background:#126fc2}.kilo-booking{grid-template-columns:minmax(190px,.85fr) minmax(260px,1.2fr);gap:18px 28px;margin-top:20px;padding:22px;display:grid}.kilo-booking>div:first-child>p:last-child{color:#74817d;margin-top:7px;font-size:12px;line-height:1.45}.rate-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.rate{text-align:left;cursor:pointer;background:#fff;border:1px solid #dde6e2;border-radius:6px;gap:3px;min-height:58px;padding:9px 11px;display:grid}.rate strong{color:#354743;font-size:12px}.rate span{color:#a46520;font-size:13px;font-weight:700}.rate.selected{background:#e8f5f2;border-color:#2a8580;box-shadow:inset 0 0 0 1px #2a8580}.quantity-field{color:#40576f;align-content:center;gap:7px;font-size:13px;font-weight:700;display:grid}.quantity-field input{color:#173e69;width:100%;max-width:170px;font:inherit;border:1px solid #cfddeb;border-radius:7px;padding:11px}.booking-total{border-top:1px solid #e9efec;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:17px;display:flex}.booking-total div{gap:4px;display:grid}.booking-total span{color:#71807b;font-size:12px}.booking-total strong{color:#293e3a;font-size:14px}.booking-success{color:#287952;grid-column:1/-1;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:700;display:flex}.customer-order-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.pickup-notifications{gap:10px;margin:0 0 24px;display:grid}.pickup-notifications article{color:#246b3a;background:linear-gradient(135deg,#e9faee,#f7fff8);border:1px solid #a9dfbd;border-radius:9px;align-items:flex-start;gap:12px;padding:15px 17px;display:flex;box-shadow:0 8px 20px #37855218}.pickup-notifications svg{flex:none;margin-top:2px}.pickup-notifications div{gap:4px;display:grid}.pickup-notifications strong{font-size:14px}.pickup-notifications p{color:#497459;margin:0;font-size:12px;line-height:1.45}.customer-booking-summary{background:#f2faf6;border:1px solid #cfe5dc;border-radius:8px;justify-items:end;gap:5px;padding:10px 14px;display:grid}.customer-booking-summary span{color:#788781;font-size:11px}.customer-booking-summary strong{color:#205447;font-size:15px}.customer-history-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 20px;display:grid}.customer-history-summary article,.history-summary article{background:linear-gradient(145deg,#fff,#f2faf6);border:1px solid #d7e8e1;border-radius:8px;gap:6px;padding:16px;display:grid}.customer-history-summary span,.history-summary span{color:#788781;font-size:11px}.customer-history-summary strong,.history-summary strong{color:#205447;font-size:22px}@media (width<=520px){.customer-history-summary{grid-template-columns:1fr}}.customer-order-actions .secondary{min-height:32px;padding:0 10px;font-size:11px}.receipt-modal{max-width:560px}.receipt-header{color:#50615d;border-bottom:1px solid #edf1ef;justify-content:space-between;gap:12px;padding:14px 0;font-size:12px;display:flex}.receipt-details{grid-template-columns:1fr 1fr;gap:14px;padding:18px 0;display:grid}.receipt-details div{gap:4px;display:grid}.receipt-details span{color:#81908b;text-transform:uppercase;font-size:10px}.receipt-details strong{color:#2f3c3b;font-size:12px}.receipt-total{color:#45625a;background:#f2f7f5;border-radius:6px;justify-content:space-between;gap:12px;padding:15px;font-size:12px;display:flex}.receipt-total strong{color:#287952;font-size:19px}.receipt-payment-breakdown{background:#fbfdfc;border:1px solid #e2ebe7;border-radius:6px;gap:9px;margin-top:12px;padding:13px 15px;display:grid}.receipt-payment-breakdown div{color:#50615d;justify-content:space-between;gap:12px;font-size:12px;display:flex}.receipt-payment-breakdown strong{color:#287952}.receipt-payment-status{color:#71817b;margin-top:12px;font-size:12px}.receipt-thanks{color:#50615d;margin-top:18px;font-size:12px}.booking-date-field select{color:#273a37;min-height:40px;font:inherit;background:#fff;border:1px solid #d9e2de;border-radius:5px;padding:0 11px;font-size:13px}.booking-calendar{gap:10px;display:grid}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-day{color:#34534b;cursor:pointer;background:#fff;border:1px solid #d9e2de;border-radius:7px;align-content:center;justify-items:center;gap:3px;min-height:76px;padding:8px 5px;display:grid}.calendar-day strong{color:#81908b;text-transform:uppercase;font-size:10px}.calendar-day span{color:#263b37;font-size:22px;font-weight:700}.calendar-day small{color:#81908b;font-size:10px}.calendar-day:hover,.calendar-day.selected{background:#e8f5f2;border-color:#2a8580;box-shadow:inset 0 0 0 1px #2a8580}.booking-availability{gap:10px;display:grid}.availability-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.availability-heading strong{color:#50615d;font-size:12px}.availability-heading span{color:#81908b;font-size:11px}.availability-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.availability-slot{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e2de;border-radius:6px;gap:4px;min-height:54px;padding:9px 10px;display:grid}.availability-slot strong{color:#34534b;font-size:11px}.availability-slot span{color:#287952;font-size:10px;font-weight:700}.availability-slot:hover,.availability-slot.selected{background:#e8f5f2;border-color:#2a8580;box-shadow:inset 0 0 0 1px #2a8580}.availability-slot:disabled{cursor:not-allowed;opacity:.72;background:#f1f3f2;border-color:#e2e7e4}.availability-slot:disabled span{color:#a35b55}.availability-value{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.customer-policy{background:#f5fbf8;border-color:#cfe5dc;margin:20px 0;padding:20px}.customer-policy .panel-title{margin-bottom:12px}.customer-policy>div:last-child{color:#5e716b;gap:8px;font-size:13px;line-height:1.5;display:grid}.customer-policy p{margin:0}.customer-policy strong{color:#205447}@media (width<=720px){.customer-account-grid,.customer-profile-form{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}.customer-service-grid{grid-template-columns:1fr}.customer-service{grid-template-columns:132px 1fr;display:grid}.customer-service img{height:100%;min-height:150px}.customer-service>div{align-content:center}.kilo-booking{grid-template-columns:1fr;padding:18px}.booking-total{flex-direction:column;align-items:stretch}.booking-total .primary{width:100%}.availability-heading{flex-direction:column;align-items:start;gap:3px}.availability-slots{grid-template-columns:1fr 1fr}.customer-order-actions{grid-column:2;justify-content:flex-start}.receipt-details{grid-template-columns:1fr}.customer-booking-summary{justify-items:start}.customer-booking-summary strong{font-size:13px}.calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-day{min-height:68px}}.service-pricing-list{gap:10px;margin-top:18px;display:grid}.service-price-row{border-top:1px solid #edf1ef;align-items:center;gap:12px;padding:12px 0;display:flex}.service-price-row label{flex:1;justify-content:space-between;align-items:center;gap:18px;display:flex}.service-price-row label span{gap:4px;display:grid}.service-price-row label strong{color:#2f3c3b;font-size:13px}.service-price-row label small{color:#81908b;font-size:11px}.service-price-row input{width:110px;height:36px;font:inherit;color:#273a37;border:1px solid #d9e2de;border-radius:5px;padding:0 9px}.service-price-row .primary{height:36px;padding:0 13px;font-size:12px}.service-price-row .primary:disabled{opacity:.65;cursor:wait}.price-saved{color:#418157;white-space:nowrap;font-size:11px;font-weight:700}@media (width<=520px){.service-price-row{flex-direction:column;align-items:stretch}.service-price-row label{flex-direction:column;align-items:stretch;gap:8px}.service-price-row input,.service-price-row .primary{width:100%}}