*{box-sizing:border-box}body{margin:0;background:#f6f4f6;color:#231f20;font-family:Inter,system-ui}button,a{font:inherit}aside{position:fixed;width:230px;inset:0 auto 0 0;background:#211c20;color:#fff;padding:30px;display:flex;flex-direction:column;gap:16px}aside b{font-size:25px;color:#ef3b82}aside a{color:#fff;text-decoration:none;background:#e72b78;padding:12px;border-radius:9px}aside button{margin-top:auto}main{margin-left:230px;padding:34px;max-width:1250px}header h1{margin-top:5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}form,article{background:#fff;padding:22px;border-radius:15px;box-shadow:0 8px 25px #211c2010}label{display:grid;gap:6px;margin:12px 0;font-size:13px;font-weight:650}input{padding:12px;border:1px solid #ddd;border-radius:9px;font:inherit;width:100%}button{border:0;background:#e72b78;color:#fff;padding:12px 16px;border-radius:9px;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.link{background:transparent;color:#e72b78;padding:8px}.auth{margin:60px auto;max-width:480px}.auth form{display:grid;gap:12px}.auth b{color:#e72b78;font-size:24px}.address-search{position:relative;margin-top:12px}.address-search>i{position:absolute;right:12px;top:13px;color:#777;font-size:12px}.address-search ul{position:absolute;z-index:10;left:0;right:0;top:44px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 12px 30px #211c2025}.address-search li button{width:100%;background:transparent;color:#231f20;text-align:left;font-weight:500;padding:10px}.address-search li button:hover{background:#f9e7ef}.address-search .google{padding:8px 10px 4px;text-align:right;color:#777;font-size:11px}.order{display:grid;grid-template-columns:130px 1fr 100px 90px 120px;align-items:center;gap:14px;margin:10px 0}.order small{display:block;color:#777}.order a{color:#e72b78;font-weight:700}.error{background:#fff0f0;color:#a00020;padding:12px}@media(max-width:800px){aside{position:static;width:auto}main{margin:0;padding:20px}.grid,.order{grid-template-columns:1fr}}html{scroll-behavior:smooth;scroll-padding-top:24px}aside{width:280px;padding:0;background:#fff;color:#211c20;border-right:1px solid #e8e4e6;gap:0;overflow-y:auto}.brand{padding:30px 30px 24px;border-bottom:1px solid #eee}.brand b{display:block;font-size:24px;color:#ef3b82}.brand b span{color:#164c85}.brand small{display:block;margin-top:5px;color:#81757b}.account{margin:0;padding:20px 26px;display:grid;grid-template-columns:38px 1fr;column-gap:8px;border-bottom:1px solid #eee}.account>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffd5e7;color:#ec3e86}.account small{color:#81757b}.account strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2ab835}aside nav{display:flex;flex-direction:column;padding:12px 16px}aside nav a{display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:center;padding:13px 12px;border-radius:10px;background:transparent;color:#352e32;text-decoration:none;font-weight:650}aside nav a:hover{background:#fff0f7;color:#e72b78}aside nav a.primary{margin-bottom:8px;background:#e72b78;color:#fff}aside nav a.muted{color:#887d82}aside nav em{font-size:10px;font-style:normal;text-transform:uppercase;color:#b29fa8}aside>button{margin:auto 28px 25px;background:#f7f2f4;color:#6f6268}main{margin-left:280px;padding:38px 44px;max-width:1400px}header{display:flex;align-items:center;justify-content:space-between}.new-booking{padding:12px 16px;border-radius:10px;background:#e72b78;color:#fff;text-decoration:none;font-weight:750}#profile,#addressbook,#orders,#booking,#payments,#invoices{scroll-margin-top:22px}#profile,#addressbook,#booking,#payments,#invoices{display:none}#profile:target,#addressbook:target,#booking:target,#payments:target,#invoices:target{display:block}body:has(#profile:target) #orders,body:has(#addressbook:target) #orders,body:has(#booking:target) #orders,body:has(#payments:target) #orders,body:has(#invoices:target) #orders{display:none}aside nav a[href="#orders"]{background:#fff0f7;color:#e72b78}body:has(#profile:target) aside nav a[href="#orders"],body:has(#addressbook:target) aside nav a[href="#orders"],body:has(#booking:target) aside nav a[href="#orders"],body:has(#payments:target) aside nav a[href="#orders"],body:has(#invoices:target) aside nav a[href="#orders"]{background:transparent;color:#352e32}body:has(#profile:target) aside nav a[href="#profile"],body:has(#addressbook:target) aside nav a[href="#addressbook"],body:has(#payments:target) aside nav a[href="#payments"],body:has(#invoices:target) aside nav a[href="#invoices"]{background:#fff0f7;color:#e72b78}.grid:has(#profile:target),.grid:has(#addressbook:target){grid-template-columns:minmax(0,720px)}#booking{height:calc(100vh - 145px);min-height:680px;margin-top:20px;padding:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #211c2010;background:#fff}#booking iframe{width:100%;height:100%;border:0}body:has(#booking:target) main{max-width:none;padding-right:22px}.portal-panel,#invoices{max-width:920px}.payment-options{display:grid;gap:12px}.payment-options label{display:flex;align-items:center;gap:14px;margin:0;padding:18px;border:1px solid #e5dfe2;border-radius:13px;background:#fff}.payment-options label.enabled{border-color:#e72b78;background:#fff7fa}.payment-options input{width:auto;accent-color:#e72b78}.payment-options span{display:grid;gap:3px}.payment-options small,.hint{color:#7d7277}.payment-options .disabled{opacity:.55}.invoice-row{display:grid;grid-template-columns:minmax(210px,1fr) 90px 110px 150px;gap:18px;align-items:center;margin:12px 0}.invoice-row small{display:block;margin-top:5px;color:#7d7277}.invoice-row>a{color:#e72b78;font-weight:750}.status{justify-self:start;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:750}.status.open{background:#fff1d9;color:#9a6200}.status.paid{background:#dcf8df;color:#187928}.invoice-page{margin:35px auto;padding:42px;max-width:900px;background:#fff}.invoice-page header{padding-bottom:25px;border-bottom:2px solid #e72b78}.invoice-page header h1{margin:4px 0}.invoice-meta{display:flex;justify-content:space-between;gap:40px;padding:30px 0}.invoice-page table{width:100%;margin:30px 0;border-collapse:collapse}.invoice-page td{padding:12px;border-bottom:1px solid #eee}.invoice-page td:last-child{text-align:right}.invoice-page .total{font-size:20px;font-weight:800}.payment-note{padding:14px;background:#fff7fa;border-radius:10px}.invoice-page button{width:auto}@media print{body{background:#fff}.invoice-page{margin:0;padding:20px;box-shadow:none}.invoice-page button{display:none}}@media(max-width:800px){aside{position:static;width:100%;border-right:0}.brand,.account{display:none}aside nav{display:grid;grid-template-columns:1fr 1fr}aside nav a.muted{display:none}aside>button{margin:8px 28px 18px}main{margin:0;padding:22px}.new-booking{display:none}.invoice-row{grid-template-columns:1fr 90px}.invoice-meta{display:block}}#coming-soon{display:none}#coming-soon:target{display:block}body:has(#coming-soon:target) #orders{display:none}body:has(#coming-soon:target) aside nav a[href="#orders"]{background:transparent;color:#352e32}body:has(#coming-soon:target) aside nav a[href="#coming-soon"]{background:#fff0f7;color:#e72b78}aside nav a[href="#coming-soon"]{color:#352e32!important}aside nav a[href="#coming-soon"] em{display:none}.customer-messages{max-width:1200px;margin-left:280px;padding:38px 44px}.customer-messages>label{display:block;margin:20px 0;font-weight:750}.customer-messages select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #ddd5d9;border-radius:10px;background:#fff}.message-list{display:grid;gap:10px;min-height:180px;max-height:460px;overflow:auto;padding:18px;border-radius:14px;background:#fff}.message-list article{justify-self:start;max-width:76%;padding:12px 14px;border-radius:14px 14px 14px 3px;background:#f1edf0}.message-list article.mine{justify-self:end;border-radius:14px 14px 3px;background:#ffe1ee}.message-list article b,.message-list article small{display:block}.message-list article small{margin-top:3px;color:#7a6f75;font-weight:400}.message-list article p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.message-list .empty{color:#7a6f75}.customer-messages form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.customer-messages textarea{min-height:84px;resize:vertical;padding:13px;border:1px solid #ddd5d9;border-radius:10px;font:inherit}.customer-messages form button{align-self:end}@media(max-width:800px){aside nav a[href="#coming-soon"]{display:grid}.customer-messages{margin:0;padding:22px}.customer-messages form{grid-template-columns:1fr}.message-list article{max-width:90%}}.success{margin:0;padding:12px;border-radius:9px;background:#e9f8f1;color:#08744a;line-height:1.5}.auth form>p:not(.error):not(.success){margin:0;color:#70666c;line-height:1.5}
