@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#40291f;background:#fff8f1;font-size:16px;--green:#4b2b1c;--line:#ebd9c9;--muted:#7c6252}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #437aee;outline-offset:3px}aside{width:245px;position:fixed;inset:0 auto 0 0;background:var(--green);color:white;padding:38px 24px;display:flex;flex-direction:column}.brand{font-family:Georgia,serif;font-size:43px;letter-spacing:-2px;color:#ffbd72;text-decoration:none}.brand span{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:2px;color:#efd2bb;margin-top:8px}.workspace{font-size:11px;letter-spacing:1.5px;color:#dcb99a;margin-top:58px;margin-bottom:19px}nav{display:grid;gap:7px}nav button{background:none;border:0;color:#f4dfcc;text-align:left;padding:13px 14px;border-radius:8px;font-size:15px;display:flex;gap:13px;align-items:center}nav button.active{background:#ffbd72;color:var(--green);font-weight:700}nav button:hover:not(.active){background:#704326}.nav-icon{font-size:19px;width:24px;text-align:center}.aside-bottom{margin-top:auto;border-top:1px solid #805b43;padding-top:22px;display:flex;gap:10px;align-items:center;font-size:13px}.aside-bottom small{display:block;font-size:10px;color:#dec2a9;margin-top:5px}.avatar{border-radius:50%;background:#ffdfb9;color:var(--green);display:inline-grid;place-items:center;width:34px;height:34px;font-size:13px;flex-shrink:0}main{margin-left:245px}header{height:88px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted);background:white}header b{margin:0 15px;color:#c7a98f}.role{display:flex;align-items:center;gap:12px;font-size:12px}select,input,textarea{border:1px solid #e4c8b0;border-radius:7px;background:white;color:#40291f;padding:10px;max-width:100%}.demo{margin:24px 42px 0;padding:12px 15px;background:#fff0dd;border:1px solid #efd2bb;border-radius:7px;color:#785239;font-size:12px;line-height:1.7}.demo strong{font-size:10px;letter-spacing:1px;background:#ffdab1;padding:4px 7px;border-radius:4px;margin-right:8px}#app{padding:31px 42px 48px}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:9px}h1{font:700 30px Manrope,sans-serif;letter-spacing:-1.1px;margin:0 0 9px}h2{font:700 18px Manrope,sans-serif;margin:0}h3{font-size:15px;margin:0}.subtitle{font-size:14px;color:var(--muted);margin:0}.primary{border:0;background:var(--green);color:white;padding:12px 18px;border-radius:7px;font-size:14px;font-weight:600}.secondary{border:1px solid var(--line);background:white;border-radius:7px;color:var(--green);padding:9px 13px;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.metric{border:1px solid var(--line);background:white;border-radius:10px;padding:21px}.metric p{margin:0 0 14px;font-size:13px;color:var(--muted)}.metric strong{font:700 33px Manrope}.metric small{display:block;margin-top:11px;font-size:12px;color:var(--muted)}.metric:first-child{background:#ffe8ce;border-color:#edc9a6}.grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.panel{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line);gap:15px}.panel-head small{color:var(--muted);font-size:12px}.tour-row{width:100%;border:0;border-bottom:1px solid var(--line);padding:22px;text-align:left;background:white;display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;color:inherit}.tour-row:last-child{border-bottom:0}.tour-row:hover{background:#fff7ee}.time{font-size:18px;font-weight:700}.time small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.tour-row h3{margin-bottom:9px}.meta{font-size:12px;color:var(--muted);line-height:1.7}.badge{display:inline-block;font-size:11px;padding:5px 8px;border-radius:5px;background:#eaf4ed;color:#2c6541;font-weight:500}.badge.warn{background:#fff0dc;color:#95601a}.badge.gray{background:#edf0f3;color:#617078}.capacity{font-size:14px;text-align:right}.bar{width:72px;height:4px;background:#f2dfcd;margin-top:9px;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:#c55d1b}.alert-item{padding:20px 22px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}.alert-item:last-child{border-bottom:0}.alert-item strong{display:block;margin-bottom:6px}.alert-item p{margin:0;color:var(--muted)}.note{background:#ffeedc;padding:23px;border-radius:10px;font-size:13px;line-height:1.8}.note h3{margin-bottom:8px}.note p{margin:0;color:#785239}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.toolbar label{font-size:13px;color:var(--muted)}.week{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));overflow:auto}.day{border-right:1px solid var(--line);min-height:275px;padding:13px 9px}.day:last-child{border-right:0}.day-label{font-size:12px;color:var(--muted);text-align:center;margin-bottom:18px}.day-label strong{display:block;font-size:21px;margin-top:8px;color:var(--green)}.calendar-card{display:block;width:100%;text-align:left;border:0;border-left:3px solid #c55d1b;border-radius:5px;padding:10px 8px;background:#fff0dd;color:var(--green);font-size:12px;line-height:1.7;margin-bottom:8px}.calendar-card b{display:block}.detail-top{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.detail-top span{font-size:13px;background:white;padding:12px 16px;border:1px solid var(--line);border-radius:7px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;background:#fffaf5;color:var(--muted);font-size:11px;letter-spacing:.5px;padding:13px 20px}td{padding:15px 20px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.empty{padding:32px;color:var(--muted);font-size:14px;text-align:center}.back{background:none;border:0;padding:0;color:var(--muted);margin-bottom:20px;font-size:13px}.incident{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.incident h3{margin:10px 0}.incident p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.incident .secondary{align-self:center;flex-shrink:0}dialog{border:1px solid var(--line);border-radius:14px;padding:26px;width:520px;max-width:94vw;color:var(--green)}dialog::backdrop{background:#40291f77;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.dialog-head button{border:0;background:none;font-size:27px;color:var(--muted)}#fields{display:grid;gap:14px}#fields label{display:grid;gap:7px;font-size:13px}#fields .pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.error{color:#ae3737;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:8px;padding:14px 24px;display:none;z-index:10;font-size:14px}.validation{padding:24px;line-height:1.8;font-size:14px}.validation li{margin-bottom:13px}.validation strong{display:block}.warning-text{font-size:12px;color:#95601a}.check{accent-color:var(--green);width:18px;height:18px}button:disabled{opacity:.45;cursor:not-allowed}@media(min-width:1500px){#app{max-width:1450px;margin:auto}}@media(max-width:1100px){aside{width:200px;padding:30px 18px}main{margin-left:200px}header{padding:0 24px}#app{padding:26px 24px}.demo{margin:22px 24px 0}.grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:16px}.role{font-size:0}}@media(max-width:760px){aside{position:static;width:100%;padding:18px 20px;display:block}.brand{font-size:30px}.brand span{font-size:8px}.workspace,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:18px;gap:4px}nav button{white-space:nowrap;font-size:13px;padding:10px}nav .nav-icon{display:none}main{margin-left:0}header{height:65px;padding:0 18px;font-size:12px}.role select{font-size:12px;max-width:165px;padding:8px}.demo{margin:18px 18px 0}#app{padding:24px 18px}.titlebar{align-items:flex-start}h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:28px}.tour-row{padding:18px 14px;gap:10px;grid-template-columns:50px 1fr auto}.time{font-size:16px}.tour-row h3{font-size:14px}.capacity{font-size:12px}.bar{width:48px}.panel-head{padding:18px}.titlebar .primary{font-size:12px;padding:11px}.incident{flex-wrap:wrap}.detail-top span{padding:10px;font-size:12px}}

.brand{display:flex;justify-content:center;background:#fffaf5;border-radius:18px;padding:12px;letter-spacing:0}.brand img{width:145px;height:145px;object-fit:contain}.workspace{margin-top:30px}.primary{background:#a74712}.primary:hover{background:#85360d}@media(max-width:760px){.brand{display:inline-flex;padding:6px;border-radius:12px}.brand img{width:76px;height:76px}}
/* Shared guide-style navigation */
body{padding-bottom:0}.app-header{height:112px;padding:14px 36px;gap:24px;position:sticky;top:0;z-index:5;background:#fff;box-shadow:0 1px 0 var(--line)}.brand{background:transparent;padding:0;display:flex;align-items:center;gap:12px;border-radius:0}.brand img{width:78px;height:78px}.brand span{font:600 10px 'DM Sans',sans-serif;letter-spacing:1.5px;color:var(--muted)}#nav{display:flex;gap:5px}#nav button,#mobile-nav button{color:var(--muted);display:flex;flex-direction:column;gap:5px;text-align:center;align-items:center;border:0;background:transparent;border-radius:10px;padding:10px 15px;font-size:13px}#nav button.active,#mobile-nav button.active{background:#ffead8;color:#4b2b1c}#nav button:hover{background:#fff2e5}.profile{font-weight:700;color:#4b2b1c;font-size:13px}.profile small{display:block;color:var(--muted);font-size:11px;margin-top:4px}main{margin-left:0;max-width:1450px;margin:auto}.breadcrumb{padding:20px 42px 0;font-size:12px;color:var(--muted)}#mobile-nav{display:none}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{text-align:center;padding:14px;color:var(--muted);font-size:12px}.month-cell{min-height:110px;padding:12px;border-top:1px solid var(--line);border-right:1px solid var(--line);font-size:12px}.month-cell.blank{background:#fffaf5}.month-cell .calendar-card{margin-top:8px;font-size:12px}.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.payment-body{padding:20px}.payment-entry{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.payment-entry small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.pay-button{width:100%;margin-top:20px}.booking-detail{line-height:1.7;font-size:14px}.metrics strong{font-size:27px}@media(max-width:900px){.app-header{padding:12px 20px;gap:10px}.brand span{display:none}#nav button{padding:10px}.profile{display:none}}@media(max-width:760px){body{padding-bottom:80px}.app-header{height:90px}.app-header #nav{display:none}.app-header .brand img{width:66px;height:66px}.brand span{display:block}.breadcrumb{padding:15px 18px 0}#mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:white;border-top:1px solid var(--line);z-index:10;padding:8px 4px}#mobile-nav button{font-size:10px;padding:7px}#mobile-nav .nav-icon{display:block}.month-cell{min-height:82px;padding:5px}.month-cell .calendar-card{font-size:10px;padding:5px 2px;overflow-wrap:anywhere}.weekday{padding:10px 2px}.payment-grid{grid-template-columns:1fr;gap:0}.metrics strong{font-size:23px}}

.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{padding:24px}.guide-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.guide-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ffdfb9;color:#4b2b1c;font-size:23px;font-weight:700}.guide-heading p{margin:5px 0 0}.guide-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.link-contact{background:none;border:0;color:#a74712;padding:0;margin-top:20px;text-decoration:underline;font-size:13px}@media(max-width:1100px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand span{display:none}}@media(max-width:760px){.guide-grid{grid-template-columns:1fr;gap:0}#mobile-nav button{font-size:9px;padding:7px 5px}.brand span{display:block}}

.brand-dot{display:inline-block;width:24px;height:24px;min-width:24px;border-radius:50%;background:#ed842d;flex-shrink:0}

/* Client directory and profile */
.customer-link{border:0;background:transparent;padding:0;color:#a74712;font-weight:700;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.client-summary{display:flex;align-items:center;gap:20px;background:#ffead8;border:1px solid #edc9a6;border-radius:12px;padding:22px 24px;margin-bottom:24px}.client-summary h2{margin:9px 0 5px}.client-summary p{margin:0;color:var(--muted);font-size:13px}.client-avatar{width:62px;height:62px;min-width:62px;border-radius:50%;display:grid;place-items:center;background:#4b2b1c;color:#ffbd72;font:700 20px Manrope,sans-serif}.client-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.client-card dl{margin:0;padding:5px 22px 18px}.client-card dl div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.client-card dl div:last-child{border-bottom:0}.client-card dt{font-size:12px;color:var(--muted)}.client-card dd{margin:0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.client-card a{color:#a74712}.client-card{margin-bottom:0}.client-detail-grid{margin-bottom:22px}
@media(max-width:1100px){#nav button{padding:10px 9px}.client-detail-grid{gap:16px}}
@media(max-width:760px){.client-summary{align-items:flex-start;padding:18px}.client-detail-grid{grid-template-columns:1fr;gap:14px}.client-card dl div{grid-template-columns:110px minmax(0,1fr)}#mobile-nav{overflow-x:auto;justify-content:flex-start}#mobile-nav button{min-width:68px}}

/* Navigation aligned with the guide app */
.app-header{height:100px;padding:0 max(30px,calc((100vw - 1260px)/2));background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;position:static;box-shadow:none}.app-header .brand{display:flex;align-items:center;gap:14px;background:transparent;padding:0;letter-spacing:0}.app-header .brand span{font:600 10px 'DM Sans',sans-serif;letter-spacing:1.5px;line-height:1.6;color:var(--muted);max-width:95px}.brand-dot{width:24px;height:24px;min-width:24px;background:#78452d}.app-header #nav{display:flex;gap:6px}.app-header #nav button{display:block;padding:12px 17px;border:0;background:none;color:var(--muted);border-radius:8px;font-size:14px;text-align:left}.app-header #nav button.active{background:#ffe5cb;color:#6f3517;font-weight:700}.app-header #nav button:hover:not(.active){background:#fff2e5}.icon{width:19px;height:19px;vertical-align:-4px;margin-right:8px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-header .profile{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--green)}.app-header .profile small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.app-header .avatar{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#ffd7a1;font-size:12px;font-weight:700}.breadcrumb{max-width:1260px;margin:auto;padding:20px 24px 0}.demo{max-width:1260px;margin:22px auto 0;padding:0 24px;display:flex;gap:12px;align-items:center;background:transparent;border:0;border-radius:0;color:var(--muted);font-size:12px}.demo strong{font-size:10px;letter-spacing:1px;border:1px solid #d4ddd7;background:transparent;padding:5px 8px;border-radius:4px;white-space:nowrap;margin:0}main{max-width:none}#app{max-width:1260px;margin:auto;padding:32px 24px 55px}#mobile-nav{display:none}
@media(max-width:1100px){.app-header{padding:0 25px;gap:15px}.app-header #nav button{padding:11px}.app-header .profile>span:last-child{display:none}}
@media(max-width:760px){body{padding-bottom:90px}.app-header{height:92px;padding:0 22px}.app-header #nav{display:none}.app-header .brand span{display:block;font-size:9px}.app-header .profile{display:flex;gap:7px}.app-header .profile>span:last-child{display:block}.app-header .profile small{font-size:10px}.breadcrumb{padding:15px 20px 0}.demo{padding:0 20px;margin-top:17px;align-items:flex-start;font-size:10px;line-height:1.5;gap:9px}.demo strong{font-size:9px;padding:4px 6px}#app{padding:27px 20px 45px}#mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);justify-content:space-around;padding:9px 5px max(9px,env(safe-area-inset-bottom));z-index:10;gap:0;overflow-x:visible}#mobile-nav button{display:block;min-width:0;padding:7px 4px;flex:1;border:0;background:none;color:var(--muted);border-radius:7px;font-size:9px;text-align:center}#mobile-nav button.active{background:#ffe5cb;color:#6f3517;font-weight:700}#mobile-nav .icon{display:block;margin:0 auto 5px;width:21px;height:21px}}