@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:#192e27;background:#f3f5f0;--green:#173e31;--lime:#d3ef84;--muted:#68766e;--line:#dce2d8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff;border-bottom:1px solid var(--line);gap:20px}.brand{font-family:Georgia,serif;font-style:italic;font-size:33px;font-weight:bold;letter-spacing:-2px;white-space:nowrap}.brand small{font:10px 'DM Sans',sans-serif;letter-spacing:4px;display:block;text-align:center;margin-top:2px}.header-right,.row,.tabs,.pills{display:flex;align-items:center;gap:12px}.role-switch{background:#eef1e9;border:1px solid var(--line);padding:4px;border-radius:9px;display:flex}.role-switch button{padding:9px 17px;border-radius:6px;background:transparent;font-size:14px;color:#4b5b53}.role-switch .selected{background:#173e31;color:#fff}.avatar{width:40px;height:40px;border-radius:50%;background:#e1e7d8;display:grid;place-items:center;font-size:13px;font-weight:700}.preview-banner{background:#e9eddf;color:#4e604a;font-size:12px;padding:9px 5vw;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.preview-banner button{background:none;text-decoration:underline;color:inherit;font-size:12px;padding:0}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 125px)}aside{padding:36px 22px 32px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}aside button{display:flex;align-items:center;gap:12px;text-align:left;border-radius:8px;padding:13px 16px;color:#627067;background:transparent;font-size:15px}aside button.active{background:#e0e9d7;color:#183c2b;font-weight:700}.nav-icon{width:20px;text-align:center;font-size:18px}.nav-bottom{margin-top:auto;padding:50px 16px 0;font-size:13px;color:var(--muted);line-height:1.7}.nav-bottom strong{display:block;color:#274735}main{padding:38px 40px 60px;min-width:0}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin:0 0 12px}h1{font-family:'Manrope',sans-serif;letter-spacing:-1.4px;font-size:34px;line-height:1.2;margin:0 0 10px;font-weight:800}h2{font:700 21px 'Manrope',sans-serif;letter-spacing:-.5px;margin:0 0 14px}h3{font-size:17px;margin:0 0 8px}p{line-height:1.6;margin:0 0 16px}.muted{color:var(--muted)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px}.page-head p{margin:0;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 19px;border-radius:8px;background:var(--green);color:white;font-size:14px;font-weight:700;white-space:normal;text-decoration:none}.btn.light{background:var(--lime);color:#1b3727}.btn.secondary{background:transparent;color:#21432e;border:1px solid #cbd5c3}.btn.small{padding:9px 13px;font-size:13px}.btn.danger{color:#944432;border-color:#e2c5b9}.grid{display:grid;gap:22px}.cols2{grid-template-columns:1.5fr 1fr}.cols3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.feature{background:#173e31;color:#fff;position:relative;overflow:hidden;min-height:275px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px}.feature .eyebrow{color:#d3ef84}.feature h2{font-family:Georgia,serif;font-weight:400;font-size:38px;line-height:1.1;max-width:360px;margin-bottom:16px}.feature p{font-size:15px;color:#c5d5c4;max-width:350px}.feature-number{font:italic 210px Georgia;color:#ffffff08;position:absolute;right:-5px;bottom:-32px;pointer-events:none}.booking-card{display:flex;flex-direction:column;justify-content:space-between;background:#e9efdf}.booking-card h2{font:30px Georgia}.datebox{display:flex;gap:16px;align-items:center;margin:20px 0}.dateicon{width:56px;background:#fff;border-radius:8px;padding:8px;text-align:center;font-size:12px}.dateicon strong{display:block;font-size:24px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px}.section-title h2{margin:0}.text-button{background:transparent;color:var(--green);font-weight:700;padding:8px 0;font-size:14px}.activity{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;border-top:4px solid #a6bc74}.activity:nth-child(2){border-top-color:#d8a877}.activity:nth-child(3){border-top-color:#8bb5ad}.activity .badge{margin-bottom:20px}.activity p{font-size:14px}.activity button{margin-top:auto}.badge{display:inline-flex;padding:5px 9px;background:#edf2e4;color:#4d6435;font-size:12px;border-radius:5px;font-weight:700;white-space:nowrap}.badge.amber{background:#fff0d8;color:#8c642a}.badge.gray{background:#edf0ed;color:#647067}.stat{border-left:3px solid #d3ef84;padding:3px 18px}.stat strong{font:800 32px 'Manrope',sans-serif;display:block;margin:5px 0}.stat span{font-size:13px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:24px;margin-bottom:25px}.label{font-size:14px;font-weight:600;display:block;margin-bottom:8px}input,textarea,select{padding:12px;border:1px solid #ced8c9;border-radius:7px;background:#fcfdf9;color:#1d3628;width:100%;min-width:0}textarea{min-height:110px;resize:vertical}label.field{display:block;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .wide{grid-column:1/-1}.help{font-size:13px;color:var(--muted);line-height:1.5}.notice{padding:14px 17px;border-radius:8px;background:#f3f6eb;color:#4f6240;font-size:14px;line-height:1.6;margin:18px 0}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px}.chat{padding:0;overflow:hidden}.chat-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.chat-header h3{margin:0}.chat-body{min-height:320px;max-height:460px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.message{padding:15px 17px;border-radius:12px;background:#edf2e7;max-width:90%;align-self:flex-start;line-height:1.6;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.message.customer{align-self:flex-end;background:#214c38;color:#fff}.message.staff{background:#fff0dc}.message small{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;opacity:.7}.chat-form{display:flex;gap:10px;padding:18px;border-top:1px solid var(--line)}.pills{flex-wrap:wrap;margin-top:12px}.pills button{background:white;border:1px solid var(--line);padding:9px 12px;border-radius:20px;font-size:13px}.inbox-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.ticket{padding:17px;text-align:left;display:block;width:100%;border:1px solid var(--line);border-radius:9px;background:white;margin-bottom:10px}.ticket.active{border-color:#63834a;background:#edf2e4}.ticket strong,.ticket small{display:block;margin:7px 0;overflow-wrap:anywhere}.ticket small{color:var(--muted);font-size:13px}.ticket .row{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:18px}.entry{padding:19px 0;border-bottom:1px solid var(--line)}.entry:last-child{border:0}.entry p{font-size:14px}.entry .row{justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}.entry h3{margin:0}.checkbox{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.checkbox input{width:20px;height:20px;accent-color:var(--green)}.checkbox small{display:block;color:var(--muted);line-height:1.6;margin-top:4px}.empty{padding:38px 20px;text-align:center;color:var(--muted);line-height:1.7}.knowledge-search{margin-bottom:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183c2c;color:#fff;padding:14px 24px;border-radius:10px;box-shadow:0 6px 30px #0002;z-index:20;max-width:90%;display:none;font-size:14px}details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{margin-top:14px;font-size:14px}.mono{font:12px monospace}.progress-step{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.progress-step .num{height:32px;width:32px;border-radius:50%;background:#e6edda;display:grid;place-items:center;font-size:14px;font-weight:700}.progress-step p{font-size:14px;margin:0}.status-list{list-style:none;padding:0;margin:0}.status-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.footer-note{font-size:12px;color:var(--muted);margin-top:28px}.mobile-name{display:none}.insights{padding:14px 18px 6px;border-bottom:1px solid var(--line);background:#f6f9f1}.insight{padding:8px 0}.insight+.insight{border-top:1px dashed var(--line)}.insight .row{flex-wrap:wrap;gap:8px}.insight p{font-size:13px;margin:6px 0}.message.pending{opacity:.6;font-style:italic}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:22px}.tpl h3{font-size:19px}.tpl .row{margin-top:12px;gap:8px}.code{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.55 ui-monospace,Consolas,monospace;background:#f6f8f3;border:1px solid var(--line);border-radius:8px;padding:12px;max-height:340px;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:14px}.table th{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}details summary .badge{margin-left:8px}select[multiple]{min-height:100px}.role-switch button[data-role=admin]{color:#8c642a}.role-switch .selected[data-role=admin]{background:#8c642a;color:#fff}
@media(min-width:1500px){header,.preview-banner{padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2)}}@media(max-width:1100px){main{padding:30px 24px}.layout{grid-template-columns:190px 1fr}aside{padding-left:12px;padding-right:12px}.chat-layout{grid-template-columns:1fr}.chat-side{display:none}.inbox-layout{grid-template-columns:240px 1fr}.cols3{gap:12px}.card{padding:20px}}@media(max-width:760px){header{height:75px;padding:0 20px}.brand{font-size:28px}.header-right .avatar{display:none}.role-switch button{padding:8px 11px;font-size:12px}.preview-banner{padding:8px 20px;font-size:11px}.layout{display:block}aside{position:sticky;top:0;z-index:10;background:#f3f5f0;flex-direction:row;overflow-x:auto;padding:10px 14px;border:0;border-bottom:1px solid var(--line)}aside button{white-space:nowrap;padding:10px 12px;font-size:13px;gap:6px}.nav-bottom{display:none}.nav-icon{font-size:14px;width:15px}main{padding:26px 20px 50px}h1{font-size:28px}.cols2,.cols3{grid-template-columns:1fr}.feature{min-height:245px}.feature h2{font-size:35px}.page-head{align-items:flex-start;flex-direction:column}.booking-card{min-height:230px}.activity{min-height:160px}.activity .badge{margin-bottom:12px}.inbox-layout{grid-template-columns:1fr}.ticket-list{max-height:230px;overflow:auto}.stats{padding:18px 5px;gap:4px}.stat{padding-left:10px}.stat strong{font-size:25px}.stat span{font-size:12px}.form-grid{grid-template-columns:1fr}.chat-header{padding:16px}.chat-body{padding:16px;min-height:280px}.message{max-width:95%}.chat-form{padding:12px}.chat-form .btn{padding:12px}.feature-number{font-size:170px}.grid{gap:16px}}@media(prefers-reduced-motion:no-preference){main{animation:reveal .22s ease-out}@keyframes reveal{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}}