@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";.demo-app{--bg:#f5f2ed;--paper:#fff;--ink:#2d2521;--muted:#88786f;--line:#e7dfd8;--brown:#684a3c;--clay:#a87d66;--green:#63806b;background:var(--bg);min-height:100vh;color:var(--ink);grid-template-columns:250px 1fr;font-family:DM Sans,sans-serif;display:grid}.demo-app *{box-sizing:border-box}.demo-side{color:#f7f1e8;z-index:4;background:#2f2420;flex-direction:column;width:250px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.demo-brand{align-items:center;gap:12px;padding:0 8px 32px;display:flex}.demo-brand>span{border:1px solid #c5a792;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Playfair Display,serif;font-style:italic;display:grid}.demo-brand div,.side-foot div{flex-direction:column;display:flex}.demo-brand strong{font-family:Playfair Display,serif;font-size:17px}.demo-brand small,.side-foot small{color:#bea99d;margin-top:3px;font-size:11px}.demo-side nav{gap:6px;display:grid}.demo-side nav button{color:#cdbdb4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:13px 14px;font:500 13px inherit;display:flex}.demo-side nav button i{text-align:center;width:20px;font-style:normal}.demo-side nav button.active,.demo-side nav button:hover{color:#fff;background:#493830}.side-foot{border-top:1px solid #4b3931;align-items:center;gap:10px;margin-top:auto;padding:22px 8px 0;font-size:12px;display:flex}.avatar{background:#b98b72;border-radius:50%;place-items:center;width:34px;height:34px;display:grid!important}.demo-main{grid-column:2;min-width:0}.demo-ribbon{color:#755c50;text-transform:uppercase;letter-spacing:.08em;background:#eee5dc;justify-content:center;align-items:center;gap:8px;height:34px;font-size:9px;font-weight:700;display:flex}.demo-ribbon button{color:#684a3c;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:12px;text-decoration:underline}.demo-head{border-bottom:1px solid var(--line);background:#ffffffb8;justify-content:space-between;align-items:center;height:115px;padding:25px 4vw;display:flex}.demo-head p{color:var(--muted);margin:0 0 7px;font-size:11px}.demo-head h1{margin:0;font-family:Playfair Display,serif;font-size:30px}.head-actions{gap:10px;display:flex}.head-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:11px 15px;position:relative}.head-actions button b{color:#fff;background:#9c6656;border-radius:9px;padding:2px 5px;font-size:8px;position:absolute;top:-6px;right:-5px}.head-actions .new,.solid{background:var(--brown);color:#fff;border-color:var(--brown)}.demo-content{max-width:1500px;padding:32px 4vw 60px}.welcome{color:#fff;background:linear-gradient(115deg,#6b4b3d,#8c6754);border-radius:18px;justify-content:space-between;align-items:center;gap:30px;min-height:240px;padding:42px;display:flex;position:relative;overflow:hidden}.welcome:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:330px;height:330px;position:absolute;top:-160px;right:18%}.welcome h2,.catalog-head h2{margin:10px 0;font-family:Playfair Display,serif;font-size:40px}.welcome p:not(.kicker){color:#e6d7cf;max-width:570px}.kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--clay);font-weight:700;font-size:10px!important}.welcome .kicker{color:#d9bba9}.date-card{z-index:1;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:13px;flex-direction:column;width:280px;padding:22px;display:flex}.date-card small{color:#d8c8bf}.date-card strong{margin:12px 0 2px;font-family:Playfair Display,serif;font-size:34px}.date-card span{font-size:11px}.date-card button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff2e;margin-top:18px;padding:14px 0 0}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;padding:22px;display:flex}.metrics span{color:var(--muted);font-size:11px}.metrics strong{margin:12px 0 4px;font-family:Playfair Display,serif;font-size:27px}.metrics small{color:var(--green);font-size:10px}.grid-two{grid-template-columns:1.45fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.panel-title,.toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.panel-title p{text-transform:uppercase;letter-spacing:.14em;color:var(--clay);margin:0;font-size:9px}.panel-title h3,.toolbar h3{margin:5px 0 0;font-family:Playfair Display,serif;font-size:22px}.panel-title button,.wide{color:var(--brown);cursor:pointer;background:0 0;border:0;font:600 11px inherit}.mini-appt{border-top:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.mini-appt time{font-size:12px;font-weight:700}.mini-appt div{flex-direction:column;display:flex}.mini-appt strong{font-size:12px}.mini-appt span{color:var(--muted);margin-top:4px;font-size:10px}.mini-appt em,.status{border-radius:99px;padding:7px 9px;font-size:9px;font-style:normal}.confirmado{color:#587261;background:#e9f1eb}.aguardando{color:#a06d46;background:#f7eee4}.concluído{color:#74627c;background:#eeeaf2}.journey{grid-template-columns:repeat(3,1fr);gap:5px;margin:30px 0;display:grid}.journey div{border-right:1px solid var(--line);flex-direction:column;padding-left:12px;display:flex}.journey div:last-child{border:0}.journey b{font-family:Playfair Display,serif;font-size:28px}.journey span{color:var(--muted);margin-top:6px;font-size:9px}.wide{border:1px solid var(--line);border-radius:8px;width:100%;padding:12px}.page-panel{min-height:560px}.toolbar{border-bottom:1px solid var(--line);padding-bottom:18px}.toolbar input,.catalog-head input{border:1px solid var(--line);background:#faf8f5;border-radius:9px;min-width:240px;padding:12px 16px}.week{align-items:center;gap:15px;display:flex}.week button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px}.solid{border:0;border-radius:8px;padding:12px 16px}.day-list{background:#faf8f5;border-radius:10px;grid-template-columns:repeat(5,1fr);margin-bottom:12px;display:grid}.day-list span{text-align:center;color:var(--muted);padding:12px;font-size:9px}.day-list small{margin-top:5px;font-size:17px;display:block}.day-list .today{background:var(--brown);color:#fff;border-radius:10px}.appt{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 105px 35px;align-items:center;padding:15px;display:grid}.appt time{font-size:13px;font-weight:700}.appt-line{align-items:center;gap:12px;display:flex}.appt-line>div{flex-direction:column;display:flex}.appt-line strong{font-size:12px}.appt-line small{color:var(--muted);margin-top:4px;font-size:10px}.patient-dot,.person i{background:#e9ded7;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-style:normal;display:grid}.status{cursor:pointer;border:0}.more{color:var(--muted);background:0 0;border:0}.hint{color:var(--muted);margin:18px 0 0;font-size:10px}.patient-table{display:grid}.table-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr 90px;align-items:center;gap:12px;padding:15px 8px;font-size:11px;display:grid}.table-row.heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:9px}.table-row button{color:var(--brown);cursor:pointer;background:0 0;border:0;font-size:10px}.person{align-items:center;gap:10px;display:flex}.catalog-head{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.catalog-head h2{margin:4px 0 10px}.catalog-head>div>p:last-child{color:var(--muted);font-size:12px}.service-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.service-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:25px 1fr;gap:12px;min-height:145px;padding:20px;display:grid}.service-grid article>span{color:var(--clay);font-size:9px}.service-grid h3{margin:0;font-family:Playfair Display,serif;font-size:17px}.service-grid p{color:var(--muted);font-size:10px}.service-grid article>strong{color:var(--brown);grid-column:2;font-size:12px}.finance{grid-template-columns:repeat(3,1fr)}.money-row{border-top:1px solid var(--line);grid-template-columns:1fr 130px 80px;align-items:center;padding:17px 0;display:grid}.money-row>div{flex-direction:column;display:flex}.money-row span{color:var(--muted);margin-top:3px;font-size:10px}.money-row b{font-size:12px}.money-row em{text-align:center;border-radius:99px;padding:7px;font-size:9px;font-style:normal}.paid{color:#55705e;background:#e8f1eb}.pending{color:#986b48;background:#f7eee4}.chat-shell{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:330px 1fr;min-height:610px;display:grid;overflow:hidden}.chat-list{border-right:1px solid var(--line);padding:22px 14px}.chat-list>.panel-title{padding:0 10px}.chat-list>.panel-title>b{background:var(--brown);color:#fff;border-radius:50%;padding:4px 8px;font-size:9px}.chat-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:38px 1fr 35px;align-items:center;gap:10px;width:100%;padding:14px 10px;display:grid}.chat-list>button.selected{background:#f1ebe6}.chat-list button i,.conversation header i{background:#dcc7bb;border-radius:50%;place-items:center;width:36px;height:36px;font-size:9px;font-style:normal;display:grid}.chat-list button span,.conversation header span{flex-direction:column;min-width:0;display:flex}.chat-list button strong{font-size:11px}.chat-list button small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;overflow:hidden}.chat-list time{color:var(--muted);font-size:8px}.conversation{grid-template-rows:auto auto 1fr auto;min-width:0;display:grid}.conversation header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.conversation header>div{align-items:center;gap:10px;display:flex}.conversation header strong{font-size:12px}.conversation header small{color:#608469;font-size:9px}.conversation header button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:9px 12px;font-size:10px}.mode{text-align:center;color:#7d6254;background:#f3ede8;padding:8px;font-size:9px}.bubbles{background:#faf8f5;flex-direction:column;gap:12px;padding:30px;display:flex}.day{text-align:center;color:var(--muted);font-size:8px}.bubbles>div{border-radius:12px;flex-direction:column;max-width:68%;padding:13px 15px;font-size:11px;line-height:1.5;display:flex}.bubbles small{align-self:flex-end;margin-top:5px;font-size:7px}.bubbles .in{border:1px solid var(--line);background:#fff;align-self:flex-start}.bubbles .out{color:#fff;background:#6b4c3e;align-self:flex-end}.composer{border-top:1px solid var(--line);gap:10px;padding:15px;display:flex}.composer input{border:1px solid var(--line);border-radius:99px;flex:1;padding:12px 17px}.composer button{background:var(--brown);color:#fff;cursor:pointer;border:0;border-radius:50%;width:40px}.toast{color:#fff;z-index:20;background:#2f2420;border-radius:10px;padding:14px 20px;font-size:11px;position:fixed;bottom:28px;right:28px;box-shadow:0 15px 40px #0003}@media (max-width:1000px){.demo-app{grid-template-columns:76px 1fr}.demo-side{width:76px;padding-inline:10px}.demo-brand>div,.demo-side nav button:not(.active){font-size:0}.demo-brand{padding-inline:7px}.demo-brand>span{width:40px}.demo-side nav button{justify-content:center}.demo-side nav button.active{font-size:0}.demo-side nav button i{font-size:16px}.side-foot>div:not(.avatar){display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.chat-shell{grid-template-columns:260px 1fr}}@media (max-width:700px){.demo-app{display:block}.demo-side{z-index:10;width:auto;height:66px;padding:7px 8px;position:fixed;inset:auto 0 0}.demo-brand,.side-foot{display:none}.demo-side nav{grid-template-columns:repeat(6,1fr)}.demo-side nav button,.demo-side nav button.active{padding:12px 4px;font-size:0}.demo-main{padding-bottom:66px}.demo-head{height:100px;padding:18px}.demo-head .new{font-size:0}.demo-head .new:first-letter{font-size:18px}.demo-content{padding:18px}.welcome{padding:28px;display:block}.welcome h2,.catalog-head h2{font-size:31px}.date-card{width:100%;margin-top:25px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:16px}.catalog-head{display:block}.catalog-head input{width:100%;margin-top:15px}.service-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1.1fr 1fr}.table-row>:nth-child(3),.table-row>:nth-child(4){display:none}.chat-shell{display:block}.chat-list{display:none}.conversation{min-height:600px}.appt{grid-template-columns:55px 1fr 90px}.appt .more{display:none}.demo-ribbon{justify-content:flex-start;padding-left:18px}.demo-ribbon button{display:none}}