@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');:root{--ink:#183d4d;--muted:#66808a;--bg:#f7f7f3;--card:#fff;--line:#dce5e4;--aqua:#bbded5;--mint:#e3f0eb;--coral:#ec7658;--navy:#183d4d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}.app{max-width:1180px;margin:auto;padding:20px}header{height:58px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:700;letter-spacing:-1px}.logo i{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:6px;border-radius:9px;background:var(--coral);color:#fff;font:700 16px Georgia}.mode{display:flex;background:#e8efed;padding:4px;border-radius:99px}.mode button,.theme,.nav-item,.text-button,.card button,.patient-row button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}.mode button{padding:8px 13px;border-radius:99px}.mode .active{background:#fff;box-shadow:0 1px 4px #0001}.theme{font-size:24px}.page{display:none}.page.active{display:block}.patient-top{min-height:310px;margin-top:18px;padding:42px 48px;border-radius:28px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.patient-top p,small{font-size:11px;letter-spacing:1.3px;font-weight:700}.patient-top h1{font:700 clamp(42px,5vw,62px)/.94 'Playfair Display';letter-spacing:-2px;margin:16px 0}.patient-top span{display:block;max-width:340px;line-height:1.5;color:#cfdfdf}.smile{position:absolute;right:12%;top:35px;width:210px;height:210px;border-radius:50%;background:#e5d5bb;color:var(--navy);font:200px/125px Georgia;text-align:center;transform:rotate(-7deg);box-shadow:-40px 35px 0 #285c65}.progress{display:flex;gap:30px;padding:22px 4px;color:var(--muted);font-size:13px}.progress b{color:var(--coral)}.funnel{display:none;min-height:390px;padding:10px 0}.funnel.active{display:grid;grid-template-columns:250px 1fr;gap:45px}.funnel-title h2,.settings-heading h2{font:700 34px/1 'Playfair Display';margin:9px 0}.funnel-title p,.settings-heading p{color:var(--muted);line-height:1.5}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:19px;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.service.selected{border:2px solid var(--coral);background:#fff6f1}.service b{display:block;font-size:16px}.service span{display:block;margin-top:12px;color:var(--muted);font-size:13px}.cta{grid-column:2;background:var(--coral);color:#fff;border:0;border-radius:12px;padding:14px 20px;font:600 15px 'DM Sans';width:max-content;cursor:pointer}.date-row,.time-grid{grid-column:2;display:flex;gap:9px;flex-wrap:wrap}.date-row button,.time-grid button{border:1px solid var(--line);background:#fff;padding:11px 14px;border-radius:10px;color:var(--ink);font:inherit;cursor:pointer}.date-row .selected,.time-grid .selected{background:var(--navy);color:#fff;border-color:var(--navy)}.text-button{color:var(--coral);font-weight:700;grid-column:1/-1;text-align:left}.step3 form{grid-column:2;max-width:420px}.step3 label{display:grid;gap:7px;margin-bottom:14px;font-weight:600}.step3 input,.search{border:1px solid var(--line);border-radius:10px;padding:13px;font:inherit}.booking-note{background:var(--mint);padding:13px;border-radius:10px;margin:18px 0;color:#315d57}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,150%);background:var(--navy);color:#fff;padding:13px 18px;border-radius:99px;transition:.3s}.toast.show{transform:translate(-50%,0)}.admin{margin-top:20px;background:#eff4f2;border-radius:26px;min-height:680px;display:grid;grid-template-columns:220px 1fr;overflow:hidden}.admin aside{background:var(--navy);color:#e9f3ef;padding:26px 18px;display:flex;flex-direction:column}.admin aside .logo{font-size:19px}.demo-pill{font-size:10px;letter-spacing:1px;background:#315b68;width:max-content;padding:6px 8px;border-radius:5px;margin:32px 0 15px}.admin nav{display:grid;gap:5px}.nav-item{text-align:left;padding:10px;border-radius:9px;color:#bcd0d1}.nav-item.active,.nav-item:hover{color:#fff;background:#315b68}.side-info{margin-top:auto;border-top:1px solid #ffffff2b;padding-top:15px;display:grid;gap:6px;font-size:12px;color:#bcd0d1}.side-info b{color:#fff}.workspace{padding:30px}.workspace-head{display:flex;justify-content:space-between;align-items:start}.workspace h1{font:700 32px 'Playfair Display';margin:6px 0}.outline{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;color:var(--ink);font:600 13px 'DM Sans';cursor:pointer}.panel{display:none}.panel.active{display:block}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:26px 0}.kpis article,.card,.setting{background:#fff;border-radius:16px;padding:20px}.kpis small{color:var(--muted);letter-spacing:.4px}.kpis b{display:block;font:700 35px 'Playfair Display';margin:10px 0 6px}.kpis em{font-style:normal;color:#317363;font-size:12px}.split{display:grid;grid-template-columns:1.45fr .8fr;gap:13px}.card-title{display:flex;justify-content:space-between;align-items:center}.card h3{font:700 21px 'Playfair Display';margin:0}.card-title button{color:var(--coral);font-size:13px}.appointment{display:flex;align-items:center;gap:15px;padding:16px 0;border-top:1px solid var(--line)}.appointment span{display:grid;gap:4px;flex:1;font-size:12px;color:var(--muted)}.appointment span strong{color:var(--ink);font-size:14px}.appointment i{font-style:normal;font-size:10px;color:#216b5d;background:var(--mint);padding:5px 7px;border-radius:99px}.appointment i.new{background:#f9e1d8;color:#ae4b32}.accent{background:var(--aqua)}.accent h3{font-size:25px;line-height:1.15;margin:15px 0 25px}.accent span{font-size:12px;color:#4a7470}.bar{height:7px;background:#fff9;border-radius:6px;margin:8px 0}.bar b{display:block;height:100%;background:var(--coral);border-radius:6px}.full{margin-top:28px}.calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}.calendar b{font-size:13px}.calendar span{padding:15px;background:var(--mint);border-radius:10px;line-height:1.6}.calendar i{font-style:normal;color:var(--muted);font-size:12px}.search{display:block;width:100%;margin:18px 0}.patient-row{display:flex;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.patient-row span{color:var(--muted);flex:1}.patient-row button{color:var(--coral);font-weight:700}.settings-heading{margin-top:25px;max-width:600px}.setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.setting{min-height:205px;display:flex;flex-direction:column}.setting>span{color:var(--coral);font-weight:700}.setting h3{font:700 20px 'Playfair Display';margin:14px 0 7px}.setting p{color:var(--muted);font-size:13px;line-height:1.45}.edit{margin-top:auto;border:0;background:none;padding:0;color:var(--coral);font:700 13px 'DM Sans';text-align:left;cursor:pointer}@media(max-width:720px){.app{padding:12px}.mode button{padding:7px 9px;font-size:12px}.patient-top{padding:30px 25px;min-height:350px}.smile{right:-50px;top:145px;transform:scale(.62)}.progress{justify-content:space-between;gap:0;font-size:11px}.funnel.active{display:block}.funnel-title{margin-bottom:24px}.service-list{grid-template-columns:1fr}.cta{margin-top:18px}.date-row,.time-grid{margin:14px 0}.step3 form{max-width:none}.admin{grid-template-columns:1fr}.admin aside{padding:18px}.admin nav{grid-template-columns:repeat(2,1fr)}.demo-pill,.side-info{display:none}.workspace{padding:22px 16px}.workspace-head{gap:8px}.workspace h1{font-size:27px}.kpis,.split,.setting-grid{grid-template-columns:1fr}.kpis{gap:8px}.kpis article{padding:15px}.calendar{grid-template-columns:repeat(2,1fr)}.patient-row{display:grid;gap:5px}.patient-row button{text-align:left}}