:root{--navy:#052f5f;--blue:#0b679f;--teal:#0b958b;--ink:#173d59;--muted:#667d8b;--line:#dbe5ea;--surface:#fff;--bg:#f3f7f8;--gold:#d99424;--coral:#b84e47;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)}button,a{font:inherit}button{cursor:pointer}.demo-banner{position:fixed;inset:0 0 auto;z-index:100;height:36px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:6px;color:#70470e;background:#fff2ce;border-bottom:1px solid #ead39a;font-size:11px}.demo-banner>span{width:7px;height:7px;background:#da8b19;border-radius:50%;box-shadow:0 0 0 4px #f6dda9}.demo-banner a{margin-left:8px;color:#70470e;font-weight:800}.demo-chip,.eyebrow{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.12em}.demo-shell{min-height:100vh;padding-top:36px;display:grid;grid-template-columns:230px minmax(0,1fr)}.demo-sidebar{position:fixed;inset:36px auto 0 0;z-index:70;width:230px;padding:21px 14px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line)}.demo-logo{height:58px;margin:0 9px 19px;display:flex;align-items:center}.demo-logo img{width:175px;max-height:58px;object-fit:contain}.demo-sidebar nav{display:grid;gap:5px}.demo-sidebar nav button{width:100%;min-height:43px;padding:0 12px;display:flex;align-items:center;gap:10px;color:#587181;background:transparent;border:0;border-radius:10px;text-align:left;font-size:12px}.demo-sidebar nav button>span{width:23px;color:#2d6e90;text-align:center;font-size:17px}.demo-sidebar nav button>i{min-width:20px;margin-left:auto;padding:3px 6px;color:#fff;background:#0c8e86;border-radius:99px;font-size:9px;font-style:normal;text-align:center}.demo-sidebar nav button:hover,.demo-sidebar nav button.active{color:var(--navy);background:#e8f3f6;box-shadow:inset 3px 0 #12b4a7;font-weight:750}.demo-sidebar nav .sos-link{margin-top:10px;color:#903b35;background:#fff2ef}.demo-sidebar nav .sos-link.active{color:#fff;background:#a8443d;box-shadow:inset 3px 0 #ffaea7}.demo-sidebar-foot{margin-top:auto;padding:13px 10px;display:flex;align-items:center;gap:10px;background:#f7fafb;border:1px solid var(--line);border-radius:13px}.demo-sidebar-foot>div{min-width:0}.demo-sidebar-foot strong,.demo-sidebar-foot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-sidebar-foot strong{color:var(--navy);font-size:11px}.demo-sidebar-foot small{margin-top:2px;color:var(--muted);font-size:9px}.demo-avatar,.mini-avatar,.large-avatar{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0fa398,#0a6f8c);border-radius:11px;font-style:normal;font-weight:800}.demo-avatar{width:40px;height:40px;flex:0 0 auto;font-size:11px}.demo-workspace{grid-column:2;min-width:0}.demo-topbar{position:sticky;top:36px;z-index:50;height:76px;padding:0 28px;display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.demo-topbar>div:nth-child(2){min-width:0}.demo-topbar small{display:block;color:#78909c;font-size:9px;letter-spacing:.08em}.demo-topbar h1{margin:3px 0 0;color:var(--navy);font-size:20px}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;color:var(--navy);background:#fff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.top-actions button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--navy);background:#fff;font-size:20px}.top-actions>span{padding:7px 10px;color:#0a746e;background:#e3f4f1;border-radius:99px;font-size:10px;font-weight:800}.demo-workspace main{width:min(1240px,100%);margin:auto;padding:34px clamp(20px,4vw,50px) 60px}.demo-view{display:none}.demo-view.active{display:block}.hero-heading,.section-heading{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero-heading h2,.section-heading h2{margin:5px 0 7px;color:var(--navy);font:700 clamp(30px,4vw,42px)/1.08 Georgia,serif}.hero-heading p,.section-heading p{margin:0;color:var(--muted);font-size:13px}.primary,.secondary,.tile-grid article button,.document-card button,.contact-card button{min-height:40px;padding:0 15px;border-radius:10px;font-size:11px;font-weight:800}.primary{color:#fff;background:var(--navy);border:1px solid var(--navy)}.secondary{color:var(--navy);background:#fff;border:1px solid #bdd0d9}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.stats-grid article{min-width:0;padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 20px rgba(5,47,95,.05)}.stats-grid span{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.08em}.stats-grid strong{display:block;margin:8px 0 4px;color:var(--navy);font:700 27px/1 Georgia,serif}.stats-grid p{margin:0;color:var(--muted);font-size:10px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card,.calendar-card,.table-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 23px rgba(5,47,95,.055)}.card{padding:20px}.card>header{margin-bottom:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h3,.tile-grid h3{margin:0;color:var(--navy);font:700 18px/1.2 Georgia,serif}.card header p{margin:4px 0 0;color:var(--muted);font-size:10px}.link-button{padding:0;color:var(--blue);background:none;border:0;font-size:10px;font-weight:800}.appointment-list,.review-list{display:grid}.appointment-list>button,.review-list>button{min-width:0;padding:11px 0;display:flex;align-items:center;gap:10px;color:inherit;background:transparent;border:0;border-bottom:1px solid #edf1f3;text-align:left}.appointment-list>button:last-child,.review-list>button:last-child{border-bottom:0}.appointment-list time{width:41px;color:var(--navy);font-weight:800;font-size:11px}.mini-avatar{width:34px;height:34px;flex:0 0 auto;font-size:9px}.mini-avatar.blue{background:linear-gradient(145deg,#568ac4,#365e98)}.mini-avatar.gold{background:linear-gradient(145deg,#e0a03d,#af6e18)}.mini-avatar.coral{background:linear-gradient(145deg,#d77770,#a3423d)}.appointment-list button>div,.review-list button>div{min-width:0;flex:1}.appointment-list strong,.appointment-list small,.review-list strong,.review-list small{display:block}.appointment-list strong,.review-list strong{color:var(--ink);font-size:11px}.appointment-list small,.review-list small{margin-top:3px;color:var(--muted);font-size:9px}.appointment-list button>i,.next-session header>i{padding:4px 7px;color:#08766c;background:#e4f4f0;border-radius:99px;font-size:8px;font-style:normal;font-weight:800}.appointment-list button>i.warning,.next-session header>i.warning{color:#8b5c13;background:#fff1ce}.review-list button>span{width:34px;height:34px;display:grid;place-items:center;color:#087f78;background:#e5f4f1;border-radius:10px}.section-heading{align-items:center}.table-card{overflow:hidden}.table-head,.table-card>button{padding:13px 17px;display:grid;grid-template-columns:1.5fr .8fr .5fr 20px;gap:14px;align-items:center}.table-head{color:#7a8e99;background:#f7fafb;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.07em}.table-card>button{width:100%;color:inherit;background:#fff;border:0;border-bottom:1px solid #edf1f3;text-align:left;font-size:11px}.table-card>button:hover{background:#f4faf9}.table-card>button>span:first-child{display:flex;align-items:center;gap:10px}.table-card>button strong small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:500}.table-card>button>i{width:max-content;padding:4px 7px;color:#08766c;background:#e4f4f0;border-radius:99px;font-size:8px;font-style:normal;font-weight:800}.table-card>button>i.warning{color:#885b13;background:#fff1ce}.table-card>button>em{color:#81949e;font-size:20px;font-style:normal}.calendar-card{padding:18px;overflow:auto}.week-days,.week-grid{min-width:680px;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px}.week-days span{padding:8px;color:#708691;font-size:9px;font-weight:800;text-align:center}.week-grid{min-height:340px}.week-grid article{align-self:start;margin-top:var(--offset,0);padding:13px;color:#15505a;background:#e7f6f3;border:1px solid #bfe3dc;border-left:4px solid #16a99c;border-radius:10px}.week-grid article:nth-child(2){margin-top:70px}.week-grid article:nth-child(3){margin-top:35px}.week-grid article:nth-child(4){margin-top:130px}.week-grid article:nth-child(5){margin-top:0}.week-grid small,.week-grid strong,.week-grid em{display:block}.week-grid small{font-size:9px}.week-grid strong{margin:5px 0;font-size:11px}.week-grid em{color:#5b7b7c;font-size:9px;font-style:normal}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile-grid article{padding:20px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 20px rgba(5,47,95,.05)}.tile-grid article>span{color:var(--teal);font-size:8px;font-weight:800;letter-spacing:.08em}.tile-grid h3{margin-top:8px}.tile-grid p{flex:1;color:var(--muted);font-size:11px;line-height:1.55}.tile-grid article>small{margin-bottom:12px;color:#7a8e99;font-size:9px}.tile-grid article button,.document-card button{color:var(--navy);background:#f5f9fa;border:1px solid #cbd9df}.chart-card{margin-top:16px}.bars{height:250px;padding:20px 8%;display:flex;align-items:flex-end;justify-content:space-around;gap:9%}.bars i{position:relative;width:55px;height:var(--bar);background:linear-gradient(#10aa9d,#0a7190);border-radius:10px 10px 3px 3px}.bars i span{position:absolute;top:calc(100% + 9px);left:0;right:0;color:var(--muted);font-size:9px;font-style:normal;text-align:center}.profile-hero{position:relative;margin-bottom:16px;padding:30px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(125deg,var(--navy),#075e7b 72%,#078a82);border-radius:20px;box-shadow:0 16px 35px rgba(5,47,95,.17)}.large-avatar{width:76px;height:76px;border:2px solid rgba(255,255,255,.45);border-radius:21px;font-size:20px}.profile-hero>div{min-width:0}.profile-hero small{color:#8de2db;font-size:9px;font-weight:800;letter-spacing:.1em}.profile-hero h2{margin:4px 0;color:#fff;font:700 31px/1.1 Georgia,serif}.profile-hero p{margin:0;color:#d9ebf2;font-size:12px}.profile-hero>div>div{margin-top:11px;display:flex;flex-wrap:wrap;gap:6px}.profile-hero i{padding:5px 9px;color:#eafffd;background:rgba(34,196,181,.18);border:1px solid rgba(141,226,219,.25);border-radius:99px;font-size:9px;font-style:normal}.profile-hero>em{align-self:start;padding:6px 9px;color:#e8faf8;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:99px;font-size:9px;font-style:normal}.long-copy{margin:0;color:#526a79;font-size:13px;line-height:1.7}.details dl{margin:0}.details dl>div{padding:9px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #edf1f3}.details dt{color:var(--muted);font-size:10px}.details dd{margin:0;color:var(--ink);font-size:10px;font-weight:800;text-align:right}.patient-welcome time{min-width:90px;padding:10px 13px;border-left:3px solid #10b9aa;background:#fff}.patient-welcome time strong,.patient-welcome time small{display:block}.patient-welcome time strong{color:var(--navy);font:700 26px Georgia,serif}.patient-welcome time small{color:var(--muted);font-size:9px}.professional-preview{margin-bottom:17px;padding:15px 17px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;background:linear-gradient(110deg,#eaf7f5,#fff);border:1px solid #c5e3df;border-radius:15px}.professional-preview>div{min-width:0}.professional-preview small,.professional-preview strong{display:block}.professional-preview small{color:var(--teal);font-size:8px;font-weight:800;letter-spacing:.09em}.professional-preview strong{margin:2px 0;color:var(--navy);font-size:13px}.professional-preview p{margin:0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.next-session>div{margin-bottom:14px;display:flex;align-items:center;gap:12px}.date-box{width:54px;height:56px;display:grid;place-items:center;color:#fff;background:var(--navy);border-radius:11px}.date-box strong,.date-box small{display:block}.date-box strong{font:700 20px/1 Georgia,serif}.date-box small{font-size:8px}.next-session>div>div strong,.next-session>div>div small{display:block}.next-session>div>div strong{font-size:12px}.next-session>div>div small{margin-top:4px;color:var(--muted);font-size:9px}.agenda-strip{margin-top:16px}.agenda-strip>div{display:flex;flex-wrap:wrap;gap:8px}.agenda-strip>div button{min-width:105px;padding:10px;color:var(--navy);background:#f4faf9;border:1px solid #cce4df;border-radius:10px}.agenda-strip button strong,.agenda-strip button small{display:block}.agenda-strip button small{margin-top:3px;color:var(--teal)}.document-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center}.document-card>span{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:11px}.document-card small{color:var(--teal);font-size:8px;font-weight:800}.document-card h3{margin:3px 0}.document-card p{margin:0;color:var(--muted);font-size:9px}.privacy-note,.sos-warning{margin-top:16px;padding:16px 18px;color:#31556a;background:#eef7fa;border:1px solid #cfe1e8;border-radius:13px}.privacy-note strong,.sos-warning strong{font-size:12px}.privacy-note p,.sos-warning p{margin:4px 0 0;font-size:10px;line-height:1.5}.contact-card{grid-column:1/-1}.contact-card>button{width:100%;height:auto;margin-top:8px;padding:12px;display:flex;justify-content:space-between;text-align:left;color:var(--ink);background:#f7fafb;border:1px solid var(--line)}.contact-card button small{color:var(--muted)}.sos-warning{margin:0 0 16px;color:#7e322c;background:#fff1ee;border-color:#ecc5bf}.patient-mobile-nav{display:none}.demo-toast{position:fixed;right:22px;bottom:22px;z-index:200;max-width:min(380px,calc(100vw - 28px));padding:13px 16px;color:#fff;background:var(--navy);border-radius:11px;box-shadow:0 12px 30px rgba(5,47,95,.25);font-size:11px;font-weight:700}.demo-toast[hidden]{display:none}
.demo-landing{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#e6f5f3 0,transparent 38%),#f4f7f8}.demo-chooser{width:min(930px,calc(100% - 30px));padding:50px 0;text-align:center}.demo-chooser>img{width:210px}.demo-chooser>.demo-chip{display:block;margin:22px 0 8px}.demo-chooser>h1{margin:0;color:var(--navy);font:700 clamp(34px,6vw,52px)/1.06 Georgia,serif}.demo-chooser>p{max-width:620px;margin:13px auto 28px;color:var(--muted);line-height:1.6}.chooser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;text-align:left}.chooser-grid>a{padding:27px;display:grid;color:inherit;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 12px 32px rgba(5,47,95,.08);text-decoration:none;transition:.2s}.chooser-grid>a:hover{transform:translateY(-3px);border-color:#9fcfc8}.chooser-icon{width:52px;height:52px;margin-bottom:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue));border-radius:15px;font-weight:800}.chooser-icon.patient{background:linear-gradient(145deg,#0fa398,#0a6f8c)}.chooser-grid small{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.1em}.chooser-grid strong{margin:5px 0;color:var(--navy);font:700 24px Georgia,serif}.chooser-grid p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.55}.chooser-grid i{color:var(--blue);font-size:11px;font-style:normal;font-weight:800}.demo-chooser>aside{margin:19px auto 0;padding:13px 17px;display:flex;justify-content:center;gap:8px;color:#52727a;background:#e9f5f3;border:1px solid #c9e4df;border-radius:12px;font-size:10px}.demo-chooser>aside strong{color:#14776e}
.bars .bar-54{height:54%}.bars .bar-63{height:63%}.bars .bar-72{height:72%}.bars .bar-86{height:86%}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.demo-banner{height:42px;padding:0 9px;font-size:9px}.demo-banner a{display:none}.demo-shell{padding-top:42px;display:block}.demo-sidebar{inset:42px auto 0 -250px;width:230px;box-shadow:16px 0 35px rgba(5,47,95,.2);transition:left .2s}.demo-sidebar.open{left:0}.demo-workspace{display:block}.demo-topbar{top:42px;height:68px;padding:0 14px}.menu-toggle{display:block}.top-actions button{display:none}.demo-workspace main{padding:24px 14px 96px}.hero-heading,.section-heading{align-items:flex-start;flex-direction:column}.hero-heading>.primary,.section-heading>.primary{width:100%}.hero-heading h2,.section-heading h2{font-size:32px}.content-grid,.tile-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-head{display:none}.table-card>button{grid-template-columns:1fr auto}.table-card>button>span:nth-child(2){display:none}.table-card>button>i{grid-column:2}.table-card>button>em{display:none}.profile-hero{padding:22px 18px;grid-template-columns:auto minmax(0,1fr)}.large-avatar{width:60px;height:60px;border-radius:17px;font-size:16px}.profile-hero h2{font-size:24px}.profile-hero>em{grid-column:1/-1;justify-self:start}.professional-preview{grid-template-columns:auto minmax(0,1fr)}.professional-preview>.secondary{grid-column:1/-1;width:100%}.professional-preview p{white-space:normal}.patient-welcome{align-items:center;flex-direction:row}.patient-welcome time{display:none}.patient-shell .demo-workspace main{padding-bottom:105px}.patient-mobile-nav{position:fixed;left:7px;right:7px;bottom:7px;z-index:80;min-height:68px;padding:5px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;color:#cfe0eb;background:rgba(5,47,95,.97);border-radius:17px;box-shadow:0 10px 28px rgba(5,47,95,.3)}.patient-mobile-nav button{min-width:0;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:inherit;background:transparent;border:0;border-radius:11px;font-size:8px}.patient-mobile-nav button span{font-size:17px}.patient-mobile-nav button.active{color:#fff;background:rgba(255,255,255,.13);font-weight:800}.chooser-grid{grid-template-columns:1fr}.demo-chooser{padding:34px 0}.demo-chooser>aside{align-items:center;flex-direction:column}.document-card{grid-template-columns:auto minmax(0,1fr)}.document-card button{grid-column:1/-1}.contact-card{grid-column:auto}.demo-toast{right:14px;bottom:88px}}
@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.stats-grid article{padding:16px}.profile-hero{grid-template-columns:1fr}.profile-hero>em{grid-column:auto}.patient-mobile-nav button{font-size:7px}.chooser-grid>a{padding:22px}}