@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#293a40;background:#f6f8f7;font-family:DM Sans,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app{--accent:#c95d43;min-height:100vh}.sidebar{color:#d7e1de;z-index:5;background:#294047;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:22px 20px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font:700 14px Space Grotesk;display:grid}.brand b{color:#fff;font:700 17px Space Grotesk;display:block}.brand span{color:#a9bcba;margin-top:2px;font-size:9px;display:block}.close{display:none}.demo-badge{color:#d8e4e0;border:1px solid #476067;border-radius:5px;margin:0 17px 15px;padding:8px 10px;font-size:9px}.demo-badge i,.sim i,.simulation-tag i{background:#67c293;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.demo-badge small{float:right;color:#96aba9}nav{gap:2px;padding:0 10px;display:grid}.nav-item{color:#b5c7c5;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:10px;font-size:11px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#3a555c}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.nav-item b{color:#fff;background:var(--accent);border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px}.side-bottom{margin-top:auto;padding:15px}.reset{color:#b9cac6;background:0 0;border:0;align-items:center;gap:8px;padding:9px 0;font-size:10px;display:flex}.safe{color:#95aaa7;border-top:1px solid #40595f;gap:7px;padding-top:13px;font-size:9px;display:flex}.main{min-height:100vh;margin-left:250px}.topbar{background:#fff;border-bottom:1px solid #e3eae7;justify-content:space-between;align-items:center;height:65px;padding:0 30px;display:flex}.crumb,.top-actions{align-items:center;gap:8px;display:flex}.crumb{color:#9aa8aa;font-size:11px}.crumb b{color:#394b51}.top-actions{gap:16px}.view-switch,.secondary,.primary,.text-button{background:#fff;border:1px solid #d7e3df;border-radius:5px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:inline-flex}.view-switch{color:#536b6c}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.text-button{color:var(--accent);background:0 0;border:0;padding:0}.sim{color:#7c918d;font-size:10px}.avatar{color:#648071;background:#edf3ef;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.menu{color:#496168;background:0 0;border:0;display:none}.content{max-width:1250px;margin:auto;padding:34px 38px 55px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow{color:var(--accent);letter-spacing:1.2px;font-size:9px;font-weight:700}.page-header h1{letter-spacing:-.8px;margin:8px 0 5px;font:600 30px Space Grotesk}.page-header p{color:#8b9a9b;margin:0;font-size:12px}.hero{background:#fff;border:1px solid #e1e9e5;border-radius:9px;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:48px 45px;display:grid}.hero h1{letter-spacing:-2px;margin:13px 0;font:600 47px/1.08 Space Grotesk}.hero p{color:#7c8e91;max-width:540px;font-size:14px}.hero-actions{gap:9px;margin-top:25px;display:flex}.guidance{color:#7f9290;align-items:center;gap:7px;margin-top:21px;font-size:10px;display:flex}.guidance:first-letter{color:var(--accent)}.hero-card{background:#fbfcfb;border:1px solid #e1e9e6;border-radius:8px;padding:21px;box-shadow:0 15px 35px #37534b0d}.card-top{justify-content:space-between;font-size:11px;font-weight:600;display:flex}.status{white-space:nowrap;color:#5a9272;background:#edf4ef;border-radius:4px;align-items:center;padding:5px 8px;font-size:9px;font-style:normal;display:inline-flex}.status.amber,.status.no-show,.status.recovery-started{color:#ad7a3d;background:#fff2df}.status.cancelled{color:#ae5c4e;background:#f7e9e5}.status.green,.status.confirmed,.status.rebooked,.status.completed{color:#5a9272;background:#edf4ef}.status.checked-in{color:#587f9f;background:#e9f0f7}.journey{color:#9ba8a7;justify-content:space-between;align-items:center;gap:6px;margin:34px 0 28px;font-size:10px;display:flex}.journey svg{width:13px}.journey .done{color:#5d9674}.journey .warn{color:var(--accent);font-weight:600}.recovery-callout{color:var(--accent);background:#fff3ee;border-radius:6px;gap:10px;padding:14px;font-size:10px;display:flex}.recovery-callout span,.recovery-callout b{display:block}.recovery-callout span{color:#9a7b74;margin-top:4px}.flow{padding:42px 2px 0}.flow h2{margin:9px 0 22px;font:600 25px Space Grotesk}.flow-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.flow-card{border-left:1px solid #dce6e2;padding:10px 20px}.flow-card>b{color:var(--accent);font:600 12px Space Grotesk}.flow-card h3{margin:9px 0 5px;font-size:13px}.flow-card p{color:#899a9a;margin:0;font-size:11px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.metric{background:#fff;border:1px solid #e1e9e6;border-radius:7px;padding:16px}.metric span,.metric strong,.metric small{display:block}.metric span{color:#8a999a;font-size:10px}.metric strong{margin:4px 0;font:600 27px Space Grotesk}.metric small{color:#a6b0af;font-size:9px}.two-col{grid-template-columns:1.2fr .8fr;gap:17px;display:grid}.panel{background:#fff;border:1px solid #e1e9e6;border-radius:7px;padding:21px}.panel h2{margin:0 0 5px;font:600 16px Space Grotesk}.panel h3{margin:24px 0 12px;font-size:12px}.panel p{color:#89989a;font-size:11px}.panel-head{justify-content:space-between;gap:10px;margin-bottom:13px;display:flex}.panel-head p{margin:0}.row{border-top:1px solid #eef2f0;align-items:center;gap:12px;padding:14px 0;display:flex}.time{color:var(--accent);width:45px;font:600 13px Space Grotesk}.time small{color:#95a4a3;font:9px DM Sans}.row-main{flex:1}.row-main b,.row-main span{display:block}.row-main b{font-size:11px}.row-main span{color:#8d9a9b;margin-top:4px;font-size:10px}.attention{border-top:1px solid #eef2f0;align-items:center;gap:10px;padding:15px 0;display:flex}.attention>span{width:24px;height:24px;color:var(--accent);background:#f9ede8;border-radius:50%;place-items:center;font-size:10px;display:grid}.attention div{flex:1}.attention b,.attention small{display:block}.attention b{font-size:11px}.attention small{color:#9ba7a7;margin-top:3px;font-size:9px}.appointments-layout{grid-template-columns:.8fr 1.2fr;gap:17px;display:grid}.date-row{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;padding-bottom:15px;font-size:11px;display:flex}.date-row button{color:#8b9b9c;background:0 0;border:0;font-size:20px}.appointment-card{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;width:100%;padding:16px 0;display:grid}.appointment-card.selected{border-left:3px solid var(--accent);padding-left:9px}.appointment-time{color:#718586;font-size:10px}.appointment-card b,.appointment-card span{display:block}.appointment-card b{font-size:11px}.appointment-card span{color:#8c9b9b;margin-top:3px;font-size:10px}.slot-heading{color:#879797;margin:22px 0 5px;font-size:10px;font-weight:600}.slot{color:#6e8582;border-top:1px solid #edf1ef;align-items:center;gap:8px;padding:11px 0;font-size:10px;display:flex}.slot em{color:#70a081;margin-left:auto;font-size:9px;font-style:normal}.detail-head{border-bottom:1px solid #edf1ef;justify-content:space-between;padding-bottom:17px;display:flex}.detail-head h2{margin:8px 0 4px;font:600 22px Space Grotesk}.detail-head p{margin:0}.detail-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.detail-grid div,.record{border-bottom:1px solid #edf1ef;padding:12px 0}.detail-grid span,.detail-grid b,.record span,.record b{display:block}.detail-grid span,.record span{color:#91a09f;font-size:9px}.detail-grid b,.record b{margin-top:4px;font-size:10px}.action-row{flex-wrap:wrap;gap:8px;display:flex}.timeline>div{border-left:1px solid #dde7e3;align-items:center;gap:10px;margin-left:8px;padding:8px 0 8px 15px;display:flex;position:relative}.timeline span{color:#69a77c;background:#eaf4ed;border-radius:50%;place-items:center;width:13px;height:13px;display:grid;position:absolute;left:-7px}.timeline b{font-size:10px}.timeline small{color:#9ba6a7;margin-left:auto;font-size:9px}.table-head,.table-row{grid-template-columns:1.1fr 1fr 1.2fr .8fr;align-items:center;gap:15px;display:grid}.table-head{color:#94a2a2;text-transform:uppercase;letter-spacing:.6px;padding-bottom:10px;font-size:9px}.table-row{border-top:1px solid #edf1ef;padding:14px 0;font-size:10px}.table-row span{color:#829191}.table-row b{font-size:11px}.recovery-banner{color:var(--accent);background:#fff5ef;border:1px solid #f1ddd5;border-radius:7px;gap:12px;margin-bottom:17px;padding:18px;display:flex}.recovery-banner b,.recovery-banner span{display:block}.recovery-banner b{font-size:12px}.recovery-banner span{color:#937a74;margin-top:4px;font-size:10px}.recovery-slot{border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.recovery-slot b,.recovery-slot span{display:block}.recovery-slot b{font-size:11px}.recovery-slot span{color:#929f9f;margin-top:4px;font-size:9px}.recovery-slot button:disabled{opacity:.4;cursor:not-allowed}.message-preview{background:#f5f8f6;border-radius:5px;margin-top:20px;padding:13px}.message-preview span{color:#5d9272;font-size:9px}.message-preview p{color:#6f8583;font-size:10px;line-height:1.6}.notification{color:#6c8b7b;border-bottom:1px solid #edf1ef;align-items:center;gap:10px;padding:15px 0;display:flex}.notification div{flex:1}.notification b,.notification small{display:block}.notification b{color:#31494b;font-size:11px}.notification small{color:#98a6a5;margin-top:3px;font-size:9px}.receipt-wrap{flex-direction:column;align-items:center;gap:18px;display:flex}.receipt{background:#fff;border:1px solid #dde8e3;width:380px;padding:26px;position:relative;box-shadow:0 9px 25px #3b5c5012}.watermark{color:#cf816f;letter-spacing:1px;font-size:8px;position:absolute;top:16px;right:19px}.brand-mini{align-items:center;gap:9px;font-size:12px;display:flex}.brand-mini .brand-mark{width:28px;height:28px;font-size:11px}.receipt hr{border:0;border-top:1px dashed #d9e3df;margin:22px 0}.receipt-line{border-bottom:1px solid #f1f3f2;justify-content:space-between;padding:9px 0;font-size:10px;display:flex}.receipt-line span{color:#8d9c9c}.receipt p{text-align:center;color:#98a4a3;font-size:9px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.plan{background:#fff;border:1px solid #e1e9e6;border-radius:8px;flex-direction:column;min-height:340px;padding:24px;display:flex}.plan.featured{border:2px solid var(--accent)}.plan>span{color:#5f7273;font:600 12px Space Grotesk}.plan>em{color:var(--accent);background:#fff1ec;border-radius:12px;align-self:flex-end;margin-top:-17px;padding:4px 8px;font-size:8px;font-style:normal}.plan h2{margin:20px 0 2px;font:600 31px Space Grotesk}.plan p{margin:0;font-size:10px}.minutes{color:#788c8b;border-block:1px solid #edf1ef;margin:20px 0;padding:13px 0;font-size:10px}.feature{color:#607473;align-items:center;gap:7px;margin:9px 0;font-size:10px;display:flex}.feature svg{color:#6ca37d}.settings-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.setting h2{font-size:13px}.setting b{font-size:11px}.setting p{margin-bottom:0}.branding label{color:#718582;margin-bottom:17px;font-size:10px;display:block}.branding input:not([type=color]){border:1px solid #d9e3df;border-radius:5px;width:100%;max-width:420px;margin-top:7px;padding:9px;font-size:11px;display:block}.branding input[type=color]{border:1px solid #d9e3df;border-radius:4px;width:42px;height:28px;margin-top:7px;display:block}.brand-preview{background:#f5f8f6;border-radius:6px;align-items:center;gap:10px;max-width:420px;margin:25px 0;padding:15px;display:flex}.brand-preview b,.brand-preview span{display:block}.brand-preview b{font-size:12px}.brand-preview span{color:#8b9a9a;margin-top:2px;font-size:9px}.attribution{color:#96a4a3;margin-top:28px;font-size:9px}.toast{color:#fff;z-index:20;background:#294047;border-radius:6px;align-items:center;gap:8px;padding:12px 15px;font-size:10px;display:flex;position:fixed;bottom:22px;right:22px}.simulation-tag{color:#628b73;background:#edf4ef;border-radius:4px;padding:8px 10px;font-size:10px}.customer{color:#2e4145;background:#f7faf8;min-height:100vh}.customer-top{background:#fff;border-bottom:1px solid #e1eae5;justify-content:space-between;align-items:center;height:67px;padding:0 max(22px,50vw - 550px);display:flex}.customer-top .brand{padding:0}.back{color:var(--accent);background:0 0;border:0;font-size:10px}.customer-content{max-width:760px;margin:auto;padding:63px 20px}.customer-kicker{text-align:center;color:var(--accent);letter-spacing:1.3px;font-size:9px;font-weight:700}.customer-content>h1{text-align:center;letter-spacing:-1.4px;margin:12px 0 8px;font:600 40px Space Grotesk}.customer-sub{text-align:center;color:#849493;max-width:550px;margin:0 auto 32px;font-size:12px}.portal-card{background:#fff;border:1px solid #dfe9e4;border-radius:9px;padding:27px;box-shadow:0 12px 30px #38594c0b}.portal-head{justify-content:space-between;align-items:flex-start;display:flex}.portal-head h2{margin:8px 0 3px;font:600 21px Space Grotesk}.portal-head p{color:#778a89;margin:0;font-size:11px}.portal-details{color:#809190;border-block:1px solid #edf2ef;gap:24px;margin:22px 0;padding:13px 0;font-size:10px;display:flex}.portal-details span{align-items:center;gap:6px;display:flex}.portal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-steps{color:#9aaa9f;border-top:1px solid #edf2ef;gap:20px;margin-top:23px;padding-top:17px;font-size:9px;display:flex}.portal-steps span{align-items:center;gap:5px;display:flex}.portal-steps .done{color:#609475}.portal-steps .current{color:var(--accent);font-weight:600}.rebook-box{background:#fff8f3;border:1px solid #f2dfd5;border-radius:6px;padding:17px}.rebook-box h3{margin:0 0 5px;font:600 15px Space Grotesk}.rebook-box p{color:#907d77;margin:0 0 13px;font-size:10px}.slot-choice{color:#4b6262;background:#fff;border:1px solid #ebd9d0;border-radius:5px;justify-content:space-between;width:100%;margin-top:7px;padding:11px 12px;font-size:10px;display:flex}.slot-choice:hover{border-color:var(--accent);color:var(--accent)}.customer-note{color:#6b887b;background:#edf5f0;border-radius:5px;align-items:center;gap:7px;margin-top:15px;padding:11px 13px;font-size:9px;display:flex}.customer footer{text-align:center;color:#9aa7a5;padding:16px;font-size:9px}@media (width<=900px){.hero{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.appointments-layout,.two-col{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:left .2s;left:-250px}.sidebar.open{left:0}.close{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.main{margin-left:0}.menu{display:block}.topbar{padding:0 17px}.top-actions .sim{display:none}.view-switch{padding:8px}.content{padding:25px 17px 45px}.page-header{display:block}.page-header button,.page-header .simulation-tag{margin-top:14px}.hero{padding:30px 22px}.hero h1{font-size:38px}.hero-actions{flex-direction:column;align-items:stretch}.flow-grid,.metric-grid{grid-template-columns:1fr 1fr}.flow-card{padding:10px}.table{overflow:auto}.table-head,.table-row{min-width:600px}.detail-grid,.pricing-grid,.settings-grid{grid-template-columns:1fr}.receipt{width:100%;max-width:380px}.customer-content{padding:45px 17px}.customer-content>h1{font-size:34px}.portal-head{display:block}.portal-head .status{margin-top:13px}.portal-details{display:block}.portal-details span{margin:8px 0}.portal-steps{flex-wrap:wrap;gap:8px}.top-actions{gap:7px}.top-actions .view-switch{font-size:9px}.journey{gap:2px;font-size:8px}}@media (width<=390px){.flow-grid,.metric-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.content{padding-inline:13px}.panel{padding:16px}.customer-content>h1{font-size:30px}}@media print{.sidebar,.topbar,.page-header,.receipt-wrap>.secondary{display:none}.main{margin:0}.content{padding:0}.receipt{box-shadow:none}}