.product-preview{position:relative;width:100%;height:100%;padding:18px 18px 27px;background:#e1ebee;container-type:size;pointer-events:none}.preview-cafe{background:#e9e2d8}.preview-dispatch{background:#e3e8e1}.preview-app{--unit:clamp(4px,min(1.6cqw,2cqh),10px);font-size:var(--unit);width:100%;height:100%;background:#fff;border:1px solid #cedbdf;border-radius:4px;overflow:hidden;box-shadow:0 8px 22px #213f4810;line-height:1.5;color:#12213a;display:flex;flex-direction:column}.preview-app svg{width:1.5em;height:1.5em;flex-shrink:0}.app-toolbar{justify-content:space-between;gap:1.5em;height:4.1em;flex-shrink:0;padding:0 1.7em;border-bottom:1px solid #e4eaed}.app-toolbar,.app-wordmark{display:flex;align-items:center}.app-wordmark{gap:.7em;max-width:45%;white-space:nowrap;font-size:1.25em}.app-wordmark strong{font-weight:500;overflow:hidden;text-overflow:ellipsis}.app-wordmark>svg{color:#176c87}.app-top-links{display:flex;gap:2em;font-size:.9em;color:#40526c}.app-top-links .current{color:#2e5363}.app-user{width:2.5em;height:2.5em;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#e7f0f3;color:#176c87;font-size:.85em}.app-body{display:flex;min-height:0;flex:1}.app-rail{width:4.8em;flex-shrink:0;padding-top:1.4em;position:relative;border-right:1px solid #e4eaed;flex-direction:column;gap:1em;background:#f8fafb}.app-rail,.app-rail>span{display:flex;align-items:center}.app-rail>span{width:2.6em;height:2.6em;justify-content:center;color:#83969f}.app-rail>span.active{background:#e4eef2;color:#176c87;border-radius:3px}.app-rail>.rail-bottom{position:absolute;bottom:1.4em}.app-main{flex:1;min-width:0;padding:1.6em}.app-title{display:flex;justify-content:space-between;gap:1em;align-items:center;margin-bottom:1.3em}.app-breadcrumb{display:block;font-size:.65em;letter-spacing:.08em;color:#40526c;margin-bottom:.4em}.app-title h3{font-size:2.05em;line-height:1.2;font-weight:500;letter-spacing:-.02em;white-space:nowrap}.app-title p{font-size:.85em;color:#40526c;margin-top:.45em}.app-action{display:flex;align-items:center;gap:.45em;background:#386b81;color:#fff;border-radius:3px;padding:.7em .9em;font-size:.75em;white-space:nowrap}.app-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9em;margin-bottom:1.45em}.app-summary>div{border:1px solid #e1e8ec;border-radius:3px;padding:.75em 1em}.app-summary>div>span{display:block;font-size:.75em;color:#40526c}.app-summary strong{font-size:2.05em;font-weight:500;line-height:1.35;display:flex;align-items:center;gap:.6em}.app-summary small{font-size:.3em;font-weight:400;color:#40526c}.clinic-workspace{display:grid;grid-template-columns:1fr 12.5em;gap:1.3em;align-items:start}.appointment-panel{border:1px solid #e1e8ec;border-radius:3px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1em;font-size:.9em;padding:1em 1.2em}.panel-heading>strong{font-weight:500}.panel-heading>span{display:flex;gap:.7em;color:#40526c}.appointment-header{display:grid;grid-template-columns:4em 1fr 7em;gap:.6em;padding:.6em 1.15em;background:#f5f8f9;font-size:.65em;color:#40526c}.appointment-row{display:grid;grid-template-columns:3em 1fr 6em;gap:.65em;padding:.95em .9em;border-bottom:1px solid #edf1f3;font-size:.8em;align-items:center}.appointment-time{color:#40526c;font-size:.9em}.appointment-row>div>strong{display:block;font-weight:500;font-size:1.02em}.appointment-row>div>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:.6em;color:#40526c;margin-top:.3em}.appointment-status{display:flex;align-items:center;gap:.4em;font-size:.65em;color:#176c87;white-space:nowrap}.appointment-status>i{display:block;width:.65em;height:.65em;border-radius:50%;background:#91aec3}.status-0{color:#448475}.status-0>i{background:#66a394}.status-1{color:#a28450}.status-1>i{background:#b6a074}.appointment-footer{display:flex;justify-content:space-between;gap:1em;font-size:.6em;padding:1.2em 1.5em;color:#40526c}.appointment-footer>span{color:#176c87}.calendar-panel{border:1px solid #e1e8ec;border-radius:3px;padding-bottom:1em}.calendar-panel .panel-heading{font-size:.8em;padding:1.1em .9em}.calendar-panel .panel-heading svg{width:1em;height:1em}.mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.18em;padding:0 .9em;font-size:.68em}.mini-calendar>b{font-size:.8em;font-weight:400;color:#40526c;text-align:center;margin-bottom:.7em}.mini-calendar>span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:.95em}.mini-calendar>.selected{background:#3a7088;color:white;border-radius:50%}.care-team{border-top:1px solid #edf1f3;margin:1.3em .8em 0;padding-top:1em}.care-team>strong{font-size:.8em;font-weight:500;display:block;margin-bottom:.8em}.care-team>div{display:flex;align-items:center;gap:.7em;margin-top:.7em}.care-team>div>span{display:flex;align-items:center;justify-content:center;background:#e9f0f1;width:2em;height:2em;border-radius:50%;font-size:.65em;flex-shrink:0}.care-team>div>div{font-size:.64em}.care-team small{display:block;font-size:.8em;color:#40526c;margin-top:.2em}.preview-caption{position:absolute;bottom:8px;right:18px;font-size:8px;color:#40526c;letter-spacing:.035em}.hero-product-preview .product-preview{padding:0 0 17px;background:transparent}.hero-product-preview .preview-caption{bottom:0;right:0;font-size:8px}.pos-workspace{display:grid;grid-template-columns:1fr 17em;gap:1.5em;align-items:start}.pos-categories{display:flex;align-items:center;gap:1.3em;font-size:.9em;color:#40526c;margin-bottom:1.3em}.pos-categories>span{padding:.45em .9em}.pos-categories>.selected{background:#e8e4dc;color:#6b5e49;border-radius:3px}.pos-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1em}.pos-item{border:1px solid #e3e4de;border-radius:4px;overflow:hidden;background:#fff}.pos-item-photo{position:relative;height:9.6em;background:#ece5d7}.pos-item-photo>img{object-fit:cover}.crop-1>img{object-position:50% 35%}.crop-2>img{object-position:70% 50%}.crop-3>img{object-position:20% 50%}.pos-item>div:last-child{padding:1em;position:relative}.pos-item strong{display:block;font-size:.95em;font-weight:500}.pos-item span{display:block;font-size:.8em;color:#40526c;margin-top:.35em}.pos-item i{position:absolute;right:.9em;bottom:1em;display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border:1px solid #e1e1d9;border-radius:3px;font-style:normal;color:#40526c}.pos-order{border:1px solid #e3e4de;border-radius:3px;background:#fff;padding-bottom:1.2em}.pos-order .panel-heading{padding:1.2em;font-size:1em}.order-type{justify-content:space-between;gap:1em;margin:0 1.5em 1em;background:#f5f3ee;padding:.8em;font-size:.75em;color:#40526c}.order-line,.order-type{display:flex;align-items:center}.order-line{gap:.9em;margin-inline:1.5em;padding:1.1em 0;border-bottom:1px solid #eeeee8;font-size:.8em}.order-line>span{display:flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;border:1px solid #e7e8e3;border-radius:3px;font-size:.9em}.order-line strong{display:block;font-weight:500}.order-line small{display:block;font-size:.75em;color:#40526c;margin-top:.3em}.order-line b{margin-left:auto;font-weight:400}.order-total{display:flex;align-items:center;justify-content:space-between;padding:1.5em 1.2em;font-size:.95em}.order-total strong{font-size:1.15em;font-weight:500}.order-pay{display:block;background:#665943;color:#fff;margin-inline:1.5em;font-size:.75em;text-align:center;padding:1.1em;border-radius:3px}.dispatch-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1em;margin-top:2em}.dispatch-column{background:#f2f5f1;border-radius:3px;padding:1em;min-height:24em}.dispatch-column>strong{display:flex;align-items:center;gap:.6em;font-size:.9em;font-weight:500;margin-bottom:1.5em}.dispatch-column>strong>span{margin-left:auto;font-size:.75em;color:#40526c}.dispatch-column>strong>i{width:.6em;height:.6em;background:#7f9586;border-radius:50%}.dispatch-job{background:white;border:1px solid #e2e8e2;border-radius:3px;padding:1.1em;margin-top:1em}.dispatch-job>small{font-size:.65em;color:#40526c}.dispatch-job h4{font-size:1.2em;font-weight:500;line-height:1.35;margin-top:.8em}.dispatch-job p{font-size:.75em;color:#40526c;margin-top:.7em}.dispatch-job>div{display:flex;align-items:center;justify-content:space-between;margin-top:1.5em}.dispatch-job>div>span{font-size:.65em;padding:.5em;background:#e5eee6;border-radius:50%;color:#72917a}.dispatch-job>div>small{font-size:.7em;color:#40526c}@media (max-width:600px){.product-preview{padding:12px 12px 23px}.preview-app{--unit:clamp(4px,min(1.6cqw,2cqh),10px)}.preview-caption{font-size:7px;right:12px;bottom:7px}.app-top-links{gap:1.2em}.showcase-preview .product-preview{padding:13px 13px 23px}}.preview-cafe .pos-item-photo{height:7.5em}.preview-cafe .app-main{padding:1.3em}.preview-cafe .app-title{margin-bottom:.9em}.preview-cafe .pos-item>div:last-child{padding:.8em}.app-action,.mini-calendar>.selected{background:#176c87;color:#fff}.app-main h3{color:#12213a;font-weight:600}.app-top-links .current{color:#176c87}.product-preview{background:#e9f3ff}.preview-cafe{background:#fff4eb}.preview-dispatch{background:#eef5f2}.preview-cafe .pos-item-photo{height:auto;aspect-ratio:2.45}