html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{min-height:100vh}#root{width:100%}*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}body{background:#f5f7fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2563eb29}.landing{background:radial-gradient(circle at 78% 16%,#2563eb1a,#0000 25%),linear-gradient(#fff 0%,#f6f9ff 58%,#fff 100%);min-height:100vh;overflow-x:hidden}.landing-nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:78px;margin:0 auto;display:flex}.brand{color:#172033;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-mark{color:#fff;background:#2563eb;border-radius:11px;place-items:center;width:38px;height:38px;font-size:21px;display:grid;box-shadow:0 8px 20px #2563eb38}.landing-links{align-items:center;gap:26px;display:flex}.landing-links a{color:#657085;font-size:13px;font-weight:650;text-decoration:none}.landing-links a:hover{color:#2563eb}.landing-links button{color:#fff;background:#172033;border:0;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:700}.landing-hero{grid-template-columns:1fr .92fr;align-items:center;gap:60px;width:min(1180px,100% - 48px);min-height:560px;margin:0 auto;padding:55px 0 65px;display:grid}.hero-copy{max-width:590px}.eyebrow{color:#2563eb;letter-spacing:.12em;font-size:10px;font-weight:800}.hero-copy .eyebrow{align-items:center;gap:8px;margin-bottom:17px;display:flex}.pulse,.small-label span{background:#31a75c;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 5px #31a75c1a}.hero-copy h1{color:#172033;letter-spacing:-.055em;margin:0;font-size:clamp(44px,5.2vw,69px);font-weight:850;line-height:.98}.hero-copy h1 span{color:#2563eb}.hero-copy>p{color:#69758a;max-width:520px;margin:23px 0 0;font-size:15px;line-height:1.7}.hero-actions{align-items:center;gap:14px;margin-top:28px;display:flex}.main-cta,.watch-btn{border-radius:9px;min-height:45px;font-size:12px;font-weight:750}.main-cta{color:#fff;background:#2563eb;border:0;padding:0 19px;box-shadow:0 8px 20px #2563eb2e}.watch-btn{color:#4f5b70;background:#fff;border:1px solid #dce2eb;padding:0 14px}.trust{flex-direction:column;gap:4px;margin-top:28px;display:flex}.trust strong{color:#303b50;font-size:11px}.trust small{color:#98a1b0;font-size:10px}.hero-art{justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.glow{background:radial-gradient(circle,#2563eb1f,#2563eb00 68%);border-radius:50%;width:390px;height:390px;position:absolute}.dashboard-preview{background:#fffffff0;border:1px solid #dfe7f3;border-radius:19px;width:min(390px,90%);padding:23px;position:relative;box-shadow:0 25px 70px #1c355b21}.preview-top,.preview-appointment{align-items:center;display:flex}.preview-top{justify-content:space-between;margin-bottom:28px}.preview-top small,.preview-appointment small{color:#8993a5;font-size:9px;display:block}.preview-top strong{color:#273248;margin-top:4px;font-size:12px;display:block}.preview-avatar{color:#2563eb;background:#eaf1ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.preview-number{background:#f6f8fc;border-radius:13px;padding:17px}.preview-number small{color:#8a94a6;font-size:9px;display:block}.preview-number strong{color:#172033;margin-top:4px;font-size:31px;display:block}.preview-appointment{border:1px solid #edf0f5;border-radius:12px;gap:10px;margin-top:13px;padding:13px}.preview-person{color:#269052;background:#e9f8ef;border-radius:9px;place-items:center;width:33px;height:33px;font-size:9px;font-weight:800;display:grid}.preview-appointment>div:nth-child(2){flex:1}.preview-appointment strong{color:#344054;font-size:11px;display:block}.preview-appointment b{color:#7654c8;background:#f1ebff;border-radius:6px;padding:5px 7px;font-size:8px}.floating-card{z-index:2;background:#fff;border:1px solid #e1e7f0;border-radius:12px;align-items:center;gap:9px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 13px 35px #182c4d1f}.floating-card strong,.floating-card span{display:block}.floating-card strong{color:#344054;font-size:10px}.floating-card span{color:#8c96a6;margin-top:3px;font-size:8px}.call-card{top:50px;left:0}.mini-icon,.success-check{border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.mini-icon{color:#2563eb;background:#eaf1ff}.online-dot{background:#31a75c;border-radius:50%;width:7px;height:7px;margin-left:5px}.success-card{bottom:48px;right:-5px}.success-check{color:#269052;background:#e9f8ef}.landing-stats{border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2;grid-template-columns:repeat(4,1fr);width:min(1000px,100% - 48px);margin:0 auto;display:grid}.landing-stats div{text-align:center;border-right:1px solid #e6ebf2;padding:25px 15px}.landing-stats div:last-child{border-right:0}.landing-stats strong,.landing-stats span{display:block}.landing-stats strong{color:#172033;font-size:25px}.landing-stats span{color:#8a94a6;margin-top:5px;font-size:10px}.feature-section{width:min(1050px,100% - 48px);margin:0 auto;padding:80px 0 100px}.section-heading{text-align:center;max-width:560px;margin:0 auto 35px}.section-heading h2{color:#172033;letter-spacing:-.035em;margin:9px 0;font-size:33px}.section-heading p{color:#7d8799;margin:0;font-size:12px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.feature{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:24px}.feature-icon{border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.blue-icon{color:#2563eb;background:#eaf1ff}.purple-icon{color:#7654c8;background:#f1ebff}.green-icon{color:#269052;background:#e9f8ef}.feature h3{color:#273248;margin:18px 0 7px;font-size:14px}.feature p{color:#8993a5;margin:0;font-size:11px;line-height:1.6}.app{background:#f5f7fb;min-height:100vh;display:flex}.sidebar{z-index:20;background:#fff;border-right:1px solid #e5e9f0;flex-direction:column;width:238px;min-height:100vh;padding:24px 15px;display:flex;position:fixed;top:0;left:0}.logo{align-items:center;gap:10px;padding:3px 9px 28px;display:flex}.logo-icon{color:#fff;background:#2563eb;border-radius:11px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:grid;box-shadow:0 7px 17px #2563eb33}.logo h2{color:#172033;margin:0;font-size:17px;font-weight:850}.logo span{color:#99a2b1;margin-top:2px;font-size:9px;font-weight:650;display:block}.menu-title{color:#a1a9b6;letter-spacing:.14em;padding:0 12px 9px;font-size:8px;font-weight:800}.sidebar nav{flex-direction:column;gap:5px;display:flex}.menu-item{color:#687386;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;height:45px;padding:0 12px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.menu-item span{color:#8993a5;place-items:center;width:22px;font-size:17px;display:grid}.menu-item:hover{color:#2563eb;background:#f5f8ff}.menu-item:hover span{color:#2563eb}.menu-item.active{color:#2563eb;background:#eaf1ff}.menu-item.active span{color:#2563eb}.sidebar-bottom{margin-top:auto}.ai-status{background:#f8fafc;border:1px solid #e5eaf2;border-radius:11px;align-items:center;gap:9px;margin:0 4px 14px;padding:11px;display:flex}.ai-orb{color:#2563eb;background:#eaf1ff;border-radius:8px;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.ai-status strong,.ai-status span{display:block}.ai-status strong{color:#3a4558;font-size:9px}.ai-status span{color:#8993a5;margin-top:3px;font-size:8px}.ai-status i{background:#31a75c;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.user{border-top:1px solid #edf0f5;align-items:center;gap:9px;padding:12px 8px 2px;display:flex}.avatar{color:#fff;background:#172033;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:8px;font-weight:800;display:grid}.user strong,.user span{display:block}.user strong{color:#3b4659;font-size:9px}.user span{color:#9aa3b0;margin-top:3px;font-size:8px}.main{width:calc(100% - 238px);min-height:100vh;margin-left:238px;padding:30px 36px 45px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.welcome{color:#9aa3b0;letter-spacing:.13em;margin:0 0 6px;font-size:8px;font-weight:800}.topbar h1{color:#172033;letter-spacing:-.035em;margin:0;font-size:26px;font-weight:850}.primary-btn,.dashboard-cta,.call-button,.submit-btn{color:#fff;background:#2563eb;border:0;border-radius:9px;font-weight:750;transition:all .18s}.primary-btn{min-height:40px;padding:0 15px;font-size:11px}.primary-btn:hover,.dashboard-cta:hover,.submit-btn:hover{background:#1d4ed8}.toast{border-radius:9px;margin-bottom:18px;padding:12px 14px;font-size:11px;font-weight:650}.success-message{color:#217844;background:#eaf8ef;border:1px solid #cdebd7}.error-message{color:#b42318;background:#fff0f0;border:1px solid #f1cccc}.dashboard-welcome{background:linear-gradient(115deg,#172033 0%,#1e3156 68%,#254a8d 100%);border-radius:17px;justify-content:space-between;align-items:center;min-height:220px;margin-bottom:19px;padding:30px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #1720331f}.dashboard-welcome:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:340px;height:340px;position:absolute;top:-140px;right:70px;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff05}.small-label{color:#a8c2f8;letter-spacing:.12em;align-items:center;gap:8px;font-size:8px;font-weight:800;display:flex}.dashboard-welcome h2{color:#fff;letter-spacing:-.04em;margin:12px 0 7px;font-size:32px;line-height:1.04}.dashboard-welcome h2 em,.call-center-hero h2 em{color:#8fb4ff;font-style:normal}.dashboard-welcome p{color:#b7c2d5;max-width:490px;margin:0;font-size:11px;line-height:1.55}.dashboard-cta{color:#172033;background:#fff;margin-top:18px;padding:10px 14px;font-size:10px}.dashboard-cta:hover{background:#edf3ff}.phone-ring{border:1px solid #8fb4ff59;border-radius:50%;position:absolute}.ring-a{width:110px;height:110px}.ring-b{opacity:.55;width:150px;height:150px}.phone-core{color:#fff;background:#3f78ec;border-radius:50%;place-items:center;width:65px;height:65px;font-size:24px;display:grid;box-shadow:0 0 35px #3f78ec61}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px;display:grid}.stat-card{background:#fff;border:1px solid #e5e9f0;border-radius:13px;align-items:center;gap:13px;min-height:105px;padding:17px;display:flex;box-shadow:0 5px 18px #1e2d4609}.stat-icon{border-radius:10px;flex:none;place-items:center;width:39px;height:39px;font-size:16px;font-weight:800;display:grid}.stat-icon.blue{color:#2563eb;background:#eaf1ff}.stat-icon.purple{color:#7654c8;background:#f1ebff}.stat-icon.green{color:#269052;background:#e9f8ef}.stat-icon.orange{color:#d97a18;background:#fff3e5}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:#7e899a;font-size:9px;font-weight:650}.stat-card strong{color:#172033;margin-top:3px;font-size:22px;font-weight:850}.stat-card small{color:#a0a8b5;margin-top:3px;font-size:8px}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);gap:17px;display:grid}.panel,.page-card{background:#fff;border:1px solid #e5e9f0;border-radius:14px;box-shadow:0 5px 18px #1e2d4609}.panel-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:16px 18px;display:flex}.panel-header h3{color:#273248;margin:0;font-size:12px;font-weight:800}.panel-header p{color:#929baa;margin:4px 0 0;font-size:8px}.view-btn{color:#2563eb;background:0 0;border:0;font-size:9px;font-weight:750}.appointment-list{padding:0 18px}.appointment{border-bottom:1px solid #edf0f5;align-items:center;gap:11px;min-height:67px;padding:11px 0;display:flex}.appointment:last-child{border-bottom:0}.patient-avatar{color:#2563eb;background:#eef3ff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.patient-avatar.big{border-radius:12px;width:45px;height:45px;font-size:12px}.patient-info{flex:1;min-width:0}.patient-info strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;display:block;overflow:hidden}.patient-info span{color:#969fad;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;display:block;overflow:hidden}.appointment-time{text-align:right;flex:none}.appointment-time strong{color:#475467;font-size:9px;display:block}.status{border-radius:999px;align-items:center;margin-top:4px;padding:4px 7px;font-size:7px;font-weight:750;display:inline-flex}.status.confirmed{color:#26834b;background:#eaf8ef}.call-button{color:#27834d;background:#e9f8ef;min-height:33px;padding:0 10px;font-size:8px}.call-button:hover{background:#d9f2e2}.call-panel{overflow:hidden}.live{color:#26834b;background:#eaf8ef;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:7px;font-weight:800;display:flex}.live span{background:#31a75c;border-radius:50%;width:5px;height:5px}.call-visual{place-items:center;padding:25px 0 14px;display:grid}.call-orb,.large-call-orb{color:#2563eb;background:#eaf1ff;border-radius:50%;place-items:center;display:grid}.call-orb{width:72px;height:72px;font-size:24px;box-shadow:0 0 0 14px #f4f7ff,0 0 0 28px #fafbfe}.call-number{text-align:center}.call-number strong,.call-number span{display:block}.call-number strong{color:#172033;font-size:23px}.call-number span{color:#969fad;margin-top:3px;font-size:8px}.call-panel>.call-button{color:#fff;background:#2563eb;width:calc(100% - 36px);margin:17px auto 18px;display:block}.empty-message{text-align:center;padding:42px 22px}.empty-message>div{color:#8993a5;background:#f1f4f9;border-radius:12px;place-items:center;width:45px;height:45px;margin:0 auto 13px;font-size:18px;display:grid}.empty-message h3{color:#344054;margin:0;font-size:13px}.empty-message p{color:#969fad;max-width:330px;margin:7px auto 16px;font-size:9px;line-height:1.55}.large-empty{padding:75px 20px}.page-card{overflow:hidden}.page-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:18px;padding:23px;display:flex}.page-heading h2{color:#172033;letter-spacing:-.025em;margin:7px 0 4px;font-size:21px}.page-heading p{color:#8d96a5;margin:0;font-size:10px}.page-card>.appointment-list{padding:7px 23px}.patient-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:23px;display:grid}.patient-card{background:#fff;border:1px solid #e8ecf2;border-radius:12px;align-items:center;gap:12px;min-height:88px;padding:15px;display:flex;position:relative}.patient-card h3{color:#344054;margin:0;font-size:11px}.patient-card p{color:#8d96a5;margin:5px 0 0;font-size:9px}.patient-card>span{color:#a1a9b6;font-size:7px;position:absolute;top:12px;right:12px}.call-center-page{padding:0}.call-center-hero{background:linear-gradient(120deg,#172033,#243c69);justify-content:space-between;align-items:center;min-height:250px;padding:35px 40px;display:flex}.call-center-hero h2{color:#fff;letter-spacing:-.04em;margin:10px 0;font-size:31px;line-height:1.05}.call-center-hero p{color:#b7c2d5;max-width:460px;margin:0;font-size:10px;line-height:1.6}.call-center-hero .primary-btn{margin-top:18px}.large-call-orb{color:#a9c5ff;background:#ffffff1a;width:125px;height:125px;margin-right:50px;box-shadow:0 0 0 20px #ffffff09,0 0 0 40px #ffffff05}.large-call-orb div{font-size:40px}.call-history{background:#fff}.call-history .appointment{margin:0 23px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c152594;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e2e7ef;border-radius:16px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 25px 80px #0a183038}.close{color:#687386;background:#f2f4f7;border:0;border-radius:8px;width:29px;height:29px;font-size:18px;line-height:1;position:absolute;top:15px;right:15px}.close:hover{background:#e9edf3}.modal-icon{color:#2563eb;background:#eaf1ff;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;font-weight:800;display:grid}.modal h2{color:#172033;margin:7px 0 5px;font-size:21px}.modal>p{color:#8d96a5;margin:0 0 20px;font-size:10px;line-height:1.5}.modal form{flex-direction:column;display:flex}.modal label{color:#4f5b70;margin:11px 0 6px;font-size:9px;font-weight:750}.modal input,.modal select{color:#344054;background:#fff;border:1px solid #dce2eb;border-radius:8px;width:100%;height:42px;padding:0 11px;font-size:11px}.modal input:focus,.modal select:focus{border-color:#7da4f5;outline:0;box-shadow:0 0 0 3px #eaf1ff}.submit-btn{min-height:43px;margin-top:17px;font-size:10px}.modal .success-message,.modal .error-message{border-radius:8px;margin-top:13px;padding:10px;font-size:9px;line-height:1.4}.modal-inline-btn{margin-top:10px;display:block}@media (width<=1100px){.landing-hero{grid-template-columns:1fr .8fr;gap:25px}.stats,.patient-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.call-panel{max-width:none}}@media (width<=820px){.landing-nav,.landing-hero,.landing-stats,.feature-section{width:min(100% - 30px,650px)}.landing-hero{grid-template-columns:1fr;padding-top:35px}.hero-art{min-height:360px}.landing-stats{grid-template-columns:repeat(2,1fr)}.landing-stats div:nth-child(2){border-right:0}.landing-stats div:nth-child(-n+2){border-bottom:1px solid #e6ebf2}.feature-grid{grid-template-columns:1fr}.sidebar{width:205px}.main{width:calc(100% - 205px);margin-left:205px;padding:25px 20px 35px}}@media (width<=650px){.landing-nav{height:68px}.landing-links a{display:none}.landing-links{gap:0}.landing-hero{min-height:auto;padding:35px 0 45px}.hero-copy h1{font-size:46px}.hero-actions{flex-direction:column;align-items:stretch}.main-cta,.watch-btn{width:100%}.hero-art{min-height:325px}.dashboard-preview{width:310px}.call-card{top:35px;left:-2px}.success-card{bottom:25px;right:-2px}.sidebar{z-index:1000;border-top:none;border-right:1px solid #e5e9f0;border-radius:0;flex-direction:column;width:170px;height:100vh;padding:20px 12px;display:flex;position:fixed;inset:auto 0 0;box-shadow:4px 0 20px #1e2d4614}.app .main{width:calc(100% - 170px);margin-left:170px;padding:17px 14px 30px}.topbar{margin-bottom:18px}.topbar h1{font-size:23px}.primary-btn{min-height:37px;padding:0 11px;font-size:9px}.dashboard-welcome{min-height:250px;padding:25px}.dashboard-welcome h2{font-size:28px}.stats{gap:9px}.stat-card{gap:9px;min-height:94px;padding:12px}.stat-icon{width:34px;height:34px;font-size:13px}.stat-card strong{font-size:19px}.appointment{flex-wrap:wrap}.appointment-time{margin-left:auto}.appointment>.call-button{width:100%}.patient-grid{grid-template-columns:1fr;padding:15px}.page-heading{flex-direction:column;align-items:flex-start;padding:18px}.page-card>.appointment-list{padding:7px 15px}.call-center-hero{min-height:300px;padding:28px}.large-call-orb{opacity:.28;position:absolute;right:-25px}.call-center-hero{position:relative;overflow:hidden}.modal{padding:23px}}@media (width<=420px){.landing-stats{width:calc(100% - 30px)}.stats{grid-template-columns:1fr 1fr}.stat-card{align-items:flex-start}.dashboard-welcome{min-height:270px}.panel-header{padding:14px}.appointment-list{padding:0 14px}.appointment-time{text-align:left;width:100%;margin-left:45px}}