@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#173f42;background:#f7faf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#123f43;color:#dcebea;display:flex;flex-direction:column;padding:25px 14px 18px;transition:width .2s}.sidebar.collapsed{width:76px}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 25px}.brand strong{display:block;font-size:15px;color:#fff}.brand small{display:block;font-size:10px;color:#a5c5c1;margin-top:3px}.brand-mark{font-weight:700;letter-spacing:-3px;color:#fff;font-size:20px}.brand-mark span{color:#e1b56d;font-size:14px;margin:0 2px}.tenant{height:44px;background:#1c5759;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:18px}.tenant-dot{width:8px;height:8px;border-radius:50%;background:#e2b66e}.tenant b{margin-left:auto;color:#a8c8c4}.nav-section{margin-bottom:15px}.nav-section>small{font-size:9px;letter-spacing:1.2px;color:#7da7a4;padding:0 12px 6px;display:block}.nav-section button{width:100%;border:0;background:none;color:#b3ceca;text-align:left;border-radius:6px;padding:9px 12px;display:flex;align-items:center;gap:10px;font:inherit;font-size:12px;cursor:pointer}.nav-section button:hover:not(:disabled),.nav-section button.active{background:#e5f0eb;color:#15494a}.nav-section button:disabled{opacity:.45;cursor:not-allowed}.nav-section button span{width:16px;text-align:center;font-size:16px}.nav-section em{font-style:normal;font-size:8px;margin-left:auto;color:#79a19e}.sidebar-footer{margin-top:auto}.collapse{background:transparent;border:0;color:#8eb5b1;text-align:left;padding:12px;font:inherit;font-size:11px;cursor:pointer}.logout-button{width:100%;border:1px solid #397172;background:#174b4d;border-radius:6px;color:#e4f1ed;text-align:left;padding:9px 12px;display:flex;align-items:center;gap:10px;font:inherit;font-size:11px;cursor:pointer}.logout-button:hover{background:#286264}.logout-button span{width:16px;text-align:center;font-size:16px}.main{flex:1;min-width:0}header{height:72px;border-bottom:1px solid #e1ebe7;display:flex;align-items:center;padding:0 5%;gap:18px;background:#fbfdfc}.crumb{font-size:12px;color:#6f8988}.crumb span{padding:0 9px;color:#b5c6c2}.crumb strong{color:#19494a;font-weight:600}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.status{font-size:10px;color:#75918e}.status i{display:inline-block;width:6px;height:6px;background:#5eb68f;border-radius:50%;margin-right:5px}.icon-btn{border:1px solid #d4e2dd;background:#fff;border-radius:50%;width:27px;height:27px;color:#5d7d79}.avatar{background:#dcece4;color:#1a5b59;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700}.mobile-menu{display:none}.content{max-width:1120px;margin:auto;padding:54px 5% 30px}.eyebrow{color:#b47e3c;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px}h1,h2,h3,p{margin-top:0}h1{font:700 38px Playfair Display,serif;letter-spacing:-.6px;margin-bottom:8px;color:#173f42}.lead{font-size:15px;color:#73908d;margin-bottom:34px}.welcome-card{background:#dbeee6;border-radius:13px;min-height:270px;padding:34px 38px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.pill{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#397a71;font-weight:700}.welcome-card h2{font:700 29px Playfair Display,serif;line-height:1.1;color:#17484a;margin:13px 0}.welcome-card p{color:#5e7c78;font-size:13px;max-width:500px;line-height:1.55}.primary,.secondary{border:0;border-radius:6px;padding:11px 15px;font:600 11px DM Sans;cursor:pointer}.primary{background:#1a5d5d;color:#fff}.primary span,.secondary span{margin-left:12px;font-size:16px}.welcome-art{width:230px;position:relative;align-self:stretch}.sun{position:absolute;background:#e6b872;width:95px;height:95px;border-radius:50%;right:20px;top:22px}.arch{position:absolute;right:50px;bottom:0;width:104px;height:170px;border-radius:55px 55px 0 0;border:16px solid #8bb2a5;border-bottom:0;display:grid;place-items:center;font-weight:700;color:#fff;font-size:22px}.arch span{color:#e1af68;font-size:14px}.plant{position:absolute;bottom:5px;left:17px;color:#4a9380;font-size:75px;transform:rotate(-25deg)}.leaf{position:absolute;right:8px;bottom:22px;color:#cf9970;font-size:29px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:41px 0 18px}.section-heading h2{font:700 21px Playfair Display,serif;margin-bottom:5px}.section-heading p{font-size:12px;color:#77908d;margin:0}.secondary{background:#fff;border:1px solid #cbded7;color:#255d5c}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.area-card{background:#fff;border:1px solid #e0ebe5;border-radius:8px;padding:17px;display:flex;align-items:center;gap:12px;min-height:83px}.area-card h3{font-size:12px;margin-bottom:4px;color:#234f50}.area-card p{font-size:10px;color:#829a96;margin:0}.area-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;font-size:18px;color:#fff}.icon-0{background:#d8a662}.icon-1{background:#6aa08d}.icon-2{background:#7e9bb2}.icon-3{background:#c38d7f}.icon-4{background:#8b96b6}.icon-5{background:#719c91}.arrow{margin-left:auto;color:#86a7a1;font-size:18px}.next-card{margin-top:30px;background:#fff;border:1px solid #e0ebe5;border-radius:9px;padding:18px 20px;display:flex;gap:14px;align-items:center}.next-icon{border-radius:50%;background:#e1f1e9;color:#258268;width:32px;height:32px;display:grid;place-items:center}.next-card h3{font-size:12px;margin-bottom:4px}.next-card p{font-size:11px;color:#77908d;margin:0;line-height:1.45}.text-button{margin-left:auto;border:0;background:none;color:#27706d;font:600 11px DM Sans;cursor:pointer;white-space:nowrap}footer{padding:15px 5%;border-top:1px solid #e1ebe7;color:#93a5a1;font-size:10px;display:flex;justify-content:space-between}footer a{color:#3f7772;text-decoration:none}.login-page{min-height:100vh;background:#f7faf8;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);background:#fff;border:1px solid #e0ebe5;border-radius:14px;padding:38px;box-shadow:0 14px 35px #173f4214}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:42px}.login-brand strong{display:block;color:#173f42;font-size:15px}.login-brand small{display:block;color:#78918d;font-size:10px;margin-top:3px}.login-card h1{font-size:32px;margin-bottom:8px}.login-card .lead{margin-bottom:28px}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:7px;color:#315e5d;font-size:12px;font-weight:600}.login-card input{width:100%;border:1px solid #cbded7;border-radius:6px;padding:12px;color:#173f42;font:inherit;font-size:13px;outline:none}.login-card input:focus{border-color:#4d9990;box-shadow:0 0 0 3px #e2f1eb}.login-submit{width:100%;margin-top:4px}.login-note{color:#8a9d99;font-size:10px;line-height:1.5;margin:24px 0 0}@media(max-width:900px){.sidebar{position:fixed;z-index:2;height:100%;left:0}.sidebar.collapsed{width:0;padding:25px 0;overflow:hidden}.mobile-menu{display:block;border:0;background:none;font-size:20px;color:#23575a}.area-grid{grid-template-columns:repeat(2,1fr)}.welcome-art{opacity:.55}}@media(max-width:600px){.content{padding-top:35px}.welcome-card{padding:25px}.welcome-art{display:none}.area-grid{grid-template-columns:1fr}.status{display:none}.section-heading{align-items:start;gap:15px;flex-direction:column}.next-card{align-items:flex-start;flex-wrap:wrap}.text-button{margin-left:46px}footer{gap:8px;flex-direction:column}}h1,h2,h3,.login-card h1{font-family:DM Sans,sans-serif!important}.brand{align-items:flex-start;gap:5px}.brand-mark,.login-brand .brand-mark{display:block;background:url(/clinic-logo.png) center/contain no-repeat;font-size:0;letter-spacing:0}.brand-mark span{display:none}.brand-mark{width:190px;height:80px}.login-brand{align-items:flex-start;gap:5px}.login-brand .brand-mark{width:330px;height:145px;margin-left:-10px}.login-brand>div{display:none}.nav-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 12px 6px!important;color:#7da7a4!important;cursor:pointer!important}.nav-section-title:hover{background:transparent!important;color:#b9d3ce!important}.nav-section-title small{padding:0!important;font-size:9px!important;letter-spacing:1.2px}.section-chevron{font-size:13px;color:#9dc1bc}.submenu{display:grid;gap:1px}.submenu button{transition:background .15s,color .15s}.submenu button.active{box-shadow:inset 3px 0 #e1b56d}.collapsed .nav-section-title{justify-content:center;padding:7px!important}.collapsed .nav-section-title small,.collapsed .submenu{display:none}.login-page{position:relative;isolation:isolate;overflow:hidden;background:#f7faf8;height:100dvh;min-height:0;padding:20px}.login-page:before{content:"";position:absolute;inset:0 auto 0 0;width:56%;background:linear-gradient(90deg,#f7faf800 35%,#f7faf86b 72%,#f7faf8),url(/login-illustration.png) center/cover no-repeat;z-index:-1}.login-page:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-250px;bottom:-230px;background:#dceee5;z-index:-1}.login-card{position:relative;width:min(100%,460px);margin-left:36%;margin-right:0;padding:32px 42px 28px;border:1px solid rgba(203,222,215,.9);border-radius:20px;box-shadow:0 22px 60px #16484624;overflow:hidden}.login-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#195d5c,#dfb36d)}.login-brand{margin-bottom:22px}.login-card .eyebrow{display:inline-flex;align-items:center;gap:7px}.login-card .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#64b993}.login-card h1{font-size:35px;line-height:1.1;margin-top:10px}.login-card .lead{font-size:14px;margin-bottom:30px}.login-card form{gap:19px}.login-card label{font-size:11px;letter-spacing:.2px}.login-card input{height:46px;background:#fbfdfc;border-color:#d6e5df;border-radius:8px;transition:.2s}.login-card input:hover{border-color:#9fc9ba}.login-card input:focus{background:#fff;border-color:#397d77;box-shadow:0 0 0 4px #e3f2eb}.login-submit{height:46px;border-radius:8px;background:linear-gradient(100deg,#155656,#277675);box-shadow:0 8px 18px #1b5b5933;font-size:12px;transition:transform .2s,box-shadow .2s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 11px 22px #1b5b5945}.login-note{border-top:1px solid #edf2ef;padding-top:17px}.dashboard{width:100%}.demo-alert{display:flex;gap:11px;align-items:flex-start;background:#fff9ed;border:1px solid #f0dfb9;border-radius:9px;padding:12px 15px;margin-bottom:25px;color:#705a32}.demo-alert>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e4b45f;color:#fff;font-size:12px;font-weight:700}.demo-alert strong{font-size:11px}.demo-alert p{margin:3px 0 0;font-size:10px;color:#8d7953}.dashboard-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.dashboard-heading h1{margin-bottom:7px}.dashboard-heading .lead{margin:0}.dashboard-heading .secondary{height:35px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.metric-card{position:relative;background:#fff;border:1px solid #e0ebe5;border-radius:10px;padding:16px;min-height:132px;overflow:hidden}.metric-card:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;right:-28px;bottom:-30px;opacity:.4}.metric-card.teal:after{background:#cce9e2}.metric-card.green:after{background:#d9eedf}.metric-card.gold:after{background:#f6e5bd}.metric-card.coral:after{background:#f5d5cc}.metric-icon{position:absolute;right:15px;top:15px;width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#edf6f1;color:#337d72;font-size:15px}.metric-card p{margin:0 0 13px;font-size:11px;color:#718c87}.metric-card strong{display:block;font-size:27px;color:#17484a;line-height:1}.metric-card small{display:block;margin-top:10px;font-size:10px;color:#54877b}.dashboard-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:14px}.panel{background:#fff;border:1px solid #e0ebe5;border-radius:10px;padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.panel-heading h2{font-size:17px;margin:0 0 4px;color:#173f42}.panel-heading p{font-size:11px;color:#829a96;margin:0}.panel-period{font-size:10px;color:#6f8c87;background:#f1f7f3;border-radius:5px;padding:7px 9px}.agenda-list{display:grid}.agenda-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #edf3ef}.agenda-row time{font-size:11px;font-weight:700;color:#7e9d96;width:37px}.agenda-row>div{min-width:0;flex:1}.agenda-row strong,.agenda-row small{display:block}.agenda-row strong{font-size:11px;color:#285555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-row small{font-size:10px;color:#8ba09c;margin-top:3px}.status-badge{font-size:9px;padding:5px 7px;border-radius:20px;white-space:nowrap}.status-badge.confirmed{background:#e5f4ec;color:#348067}.status-badge.waiting{background:#fff3dc;color:#a27a36}.chart{height:135px;display:flex;flex-direction:column;justify-content:end}.chart-bars{height:115px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #dfebe5;padding:0 7px}.chart-bars i{display:block;flex:1;max-width:24px;background:linear-gradient(#72b59c,#3e887a);border-radius:5px 5px 0 0}.chart-labels{display:flex;justify-content:space-between;padding:8px 3px 0;color:#91a6a0;font-size:9px}.chart-total{display:flex;align-items:baseline;gap:8px;margin-top:17px}.chart-total strong{font-size:25px;color:#17484a}.chart-total span{font-size:10px;color:#819b96}.empty-state{background:#fff;border:1px dashed #cfe1d9;border-radius:10px;padding:50px;text-align:center;max-width:620px}.empty-state>span{color:#d6a95f;font-size:30px}.empty-state h2{font-size:18px;margin:12px 0 6px}.empty-state p{font-size:12px;color:#7e9792;line-height:1.6;margin:0}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-card{margin-left:0}.login-page:before{width:100%;opacity:.2}.brand-mark{width:160px;height:70px}}@media(max-width:700px){.login-page{padding:12px}.login-card{padding:26px 24px;border-radius:16px}.login-brand .brand-mark{width:280px;height:125px;margin-left:-8px}.login-card h1{font-size:30px}.login-page:before{opacity:.12}.dashboard-heading{align-items:start;gap:15px;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:120px}.dashboard-grid{display:block}.panel{margin-bottom:14px}.content{padding-top:35px}}.login-brand{width:100%;align-items:center;gap:5px}.login-brand .brand-mark{width:390px;height:185px;margin-left:0;filter:drop-shadow(0 9px 12px rgba(35,74,63,.2))}@media(max-width:700px){.login-brand .brand-mark{width:300px;height:140px;margin-left:0}}.login-page:before{width:52%;background:linear-gradient(90deg,#f7faf800 45%,#f7faf8),url(/hosana-illustration.png) center/contain no-repeat;background-color:#eef7f2}@media(max-width:900px){.login-page:before{width:100%;opacity:.16;background-size:contain}}.sidebar{background:#edf8f1;color:#315f59;border-right:1px solid #d7ebe0}.brand{background:#fff;border:1px solid #dcece4;border-radius:12px;padding:8px 10px 2px;margin-bottom:16px;align-items:center}.brand-mark{width:220px;height:100px}.tenant{background:#dcefe5;color:#2b625b}.tenant b{color:#4c8276}.nav-section-title,.nav-section-title small{color:#4e7b73!important}.section-icon{width:22px;text-align:center;color:#287064;font-size:16px}.section-chevron{color:#6b998d}.submenu button{color:#52746e!important}.submenu button:hover:not(:disabled),.submenu button.active{background:#d9eee3!important;color:#205a55!important}.submenu button.active{box-shadow:inset 3px 0 #d7a655}.logout-button{background:#2b7169;border-color:#2b7169}.collapse{color:#4e8277}.collapsed .brand{padding:5px 4px}.collapsed .brand-mark{width:58px;height:58px}.login-page:before{width:52%;background:linear-gradient(90deg,#f7faf800 30%,#f7faf852 72%,#f7faf8),url(/login-illustration.png) center/cover no-repeat;background-color:#edf7f1}@media(max-width:900px){.login-page:before{width:100%;opacity:.18}}
