@font-face{font-family:Tajawal;src:url('../fonts/tajawal-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url('../fonts/tajawal-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url('../fonts/tajawal-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url('../fonts/tajawal-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--blue:#0876e8;--ink:#093979;--muted:#4b6da8;--line:#e0ecfb;--pale:#f3f9ff;--shadow:0 4px 18px #1369ce06}*{box-sizing:border-box}html{min-width:280px;scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:Tajawal,'Segoe UI',Tahoma,Arial,sans-serif;background:linear-gradient(135deg,#fcfeff,#f5faff);font-size:14px;min-height:100vh;min-height:100dvh;position:relative}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button{cursor:pointer;border:0}button,a,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue)}button:disabled{opacity:.6;cursor:wait}h1,h2,h3,p{margin:0}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;inset-inline-start:20px;top:-80px;padding:12px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar{height:68px;background:#fffffff5;border-bottom:1px solid #d9e8f7;position:relative;z-index:30;border-radius:0 0 6px 6px}.topbar-inner{width:calc(100% - 96px);max-width:1440px;height:100%;margin:auto;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{height:45px;width:41px}.brand strong{font-family:'Segoe UI',Arial,sans-serif;font-size:22px;letter-spacing:-.7px;font-weight:750;display:block;line-height:1.2;direction:ltr}.brand small{display:block;font-size:9px;font-family:'Segoe UI',Arial,sans-serif;color:#4167a6;margin-top:4px;direction:ltr}.main-nav{display:flex;align-items:center;gap:12px;margin-inline:auto}.main-nav>a{font-size:13px;font-weight:500;min-height:39px;padding:10px 14px;display:flex;align-items:center;justify-content:center;position:relative;white-space:nowrap}.main-nav>a.active{color:#0875e7;background:#f0f7ff;border-radius:20px;font-weight:700;padding-inline:20px}.main-nav>a.active:after{content:'';width:40px;height:3px;background:#0875e7;border-radius:5px;position:absolute;bottom:0;left:calc(50% - 20px)}.main-nav>a:hover{color:var(--blue)}.header-tools{display:flex;direction:ltr;align-items:center;gap:18px;flex-shrink:0}.account-menu>summary{display:flex;align-items:center;gap:11px;cursor:pointer;list-style:none;min-height:44px}.user-avatar{width:40px;height:40px;flex-shrink:0}.user-name{direction:rtl;line-height:1.45;min-width:95px}.user-name strong{display:block;font-size:13px;font-weight:700;max-width:165px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-name small{font-size:11px;color:#4d72af}.tiny-chevron{width:12px;height:12px;color:#75a4d9;margin-inline-start:-5px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:44px;background:none;color:#4777bd;position:relative;list-style:none;cursor:pointer}.icon-button .icon{width:22px;height:22px}.red-dot{position:absolute;top:10px;right:2px;width:9px;height:9px;border-radius:50%;background:#ff5a5d;border:1px solid white}details{position:relative}summary::-webkit-details-marker{display:none}.popover{position:absolute;top:calc(100% + 9px);inset-inline-end:0;min-width:185px;background:white;border:1px solid var(--line);padding:12px;border-radius:10px;box-shadow:0 12px 35px #143f7e18;z-index:40;direction:rtl;line-height:1.7}.popover a,.popover button{display:block;width:100%;text-align:start;padding:9px 10px;border-radius:6px;color:#416aa5;font-size:12px;background:none;min-height:36px}.popover a:hover,.popover button:hover{background:#f1f7ff}.popover>strong{font-size:13px;display:block;margin:3px 8px 6px}.popover p{font-size:12px;padding:4px 8px;color:#5e7fae}.settings-popover .language-switch{margin:4px 0;background:#eef6ff;color:#1572d9;min-height:40px}.notification-popover{min-width:220px}.menu-toggle{display:none}.hero{height:396px;position:relative;isolation:isolate;overflow:hidden;background:#eaf5ff}.hero-photo{position:absolute;inset:0;background-image:url('../images/home-hero.jpg');background-size:cover;background-position:center 18%;z-index:-1}.hero-layout{position:relative;width:100%;height:100%}.hero-copy{position:absolute;left:12%;width:28%;top:59px;text-align:right}.hero-copy h1{font-size:34px;line-height:1.47;font-weight:800;color:#0b3978;letter-spacing:0}.hero-copy h1>span{display:inline-flex;align-items:center;gap:12px}.hero-copy h1 .icon{width:31px;height:35px;color:#1888fb;stroke-width:1.4}.hero-copy p{font-size:17px;line-height:1.5;color:#4169a6;font-weight:500;margin-top:15px}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:21px}.button{background:linear-gradient(115deg,#0969d7,#2486e0);color:white;border:1px solid transparent;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:9px 23px;font-size:13px;font-weight:700;line-height:1.4;text-align:center;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#096bce}.button .icon{width:19px;height:19px}.hero-actions>.button{flex:1;min-width:0}.button-outline{color:#0d3d83;background:#ffffffed;border-color:#b8d6ff;box-shadow:0 4px 12px #175ba50a}.button-outline:hover{background:white}.hero-slogan{position:absolute;right:3.2%;top:170px;transform:rotate(-12deg);font-size:20px;color:#147cf0;font-weight:700;line-height:1.45;text-align:center}.hero-slogan>.icon{width:17px;height:17px;position:absolute;left:0;bottom:-17px}.hero-slogan i{display:block;width:88px;height:13px;border-top:2px solid #1c83ed;border-radius:50%;transform:rotate(-6deg);margin-top:13px;margin-inline-start:18px}.home-content{position:relative;width:calc(100% - 12.5%);max-width:1500px;margin:-72px auto 0;z-index:3}.section-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:17px 21px;min-height:188px;background:linear-gradient(110deg,#f7fbfffa,#fcfeffff);border:1px solid #e5effc;border-radius:13px;box-shadow:0 6px 16px #1a73d508}.section-card{min-height:152px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f5fd;background:linear-gradient(145deg,#fff,#fcfdff);border-radius:14px;padding:11px 12px 12px;min-width:0;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 15px #2a70d003}.section-card:hover{transform:translateY(-3px);box-shadow:0 7px 22px #2872d411}.section-icon{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#edf6ff,#dfedff);display:grid;place-items:center;color:#0d7df0;margin-bottom:7px}.section-icon .icon{width:29px;height:30px;stroke-width:1.8}.section-card h2{font-size:17px;font-weight:800;line-height:1.5}.section-card p{font-size:13px;color:#456caa;line-height:1.35;margin-top:7px;font-weight:500}.statistics-strip{display:grid;grid-template-columns:1.2fr repeat(4,minmax(0,1fr));align-items:center;background:linear-gradient(100deg,#edf7ff,#eaf4ff);border-radius:13px;min-height:84px;margin-top:20px;overflow:hidden}.strip-message{display:flex;align-items:center;justify-content:center;gap:13px;padding-inline:20px}.strip-message>img{height:50px;width:43px}.strip-message>span{font-size:17px;color:#097cf2;font-weight:700;position:relative;white-space:nowrap}.strip-message>span .icon{width:14px;height:14px;vertical-align:middle}.strip-message i{position:absolute;left:5px;bottom:-10px;width:90px;height:8px;border-top:2px solid #0981f8;border-radius:50%;transform:rotate(-4deg)}.stat-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:50px;position:relative;padding:8px 18px;min-width:0;min-height:65px}.stat-item:not(:last-child):after{content:'';position:absolute;inset-inline-end:0;top:13px;bottom:13px;width:1px;background:#dbeafb}.stat-count{display:flex;align-items:center;flex-direction:column;line-height:1.2;text-align:center;gap:6px}.stat-count strong{font-size:22px;font-weight:800;min-height:25px}.stat-count small{font-size:10px;font-weight:400;color:#5079b2;white-space:nowrap}.stat-icon{position:relative;color:#086de9;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:radial-gradient(circle,#e3f0ff,#edf7ff)}.stat-icon .icon{width:28px;height:28px;stroke-width:1.7}.lower-grid{display:grid;grid-template-columns:224px minmax(0,1fr) minmax(0,1.17fr);gap:18px;margin-top:19px;align-items:stretch}.panel{border:1px solid #dfebfb;border-radius:11px;background:#ffffffeb;box-shadow:var(--shadow);min-width:0;overflow:hidden}.calendar-panel{padding:13px 12px 11px;min-height:265px}.calendar-panel>h2{font-size:13px;display:flex;align-items:center;gap:9px;font-weight:800;margin-bottom:9px}.calendar-panel>h2 .icon{width:17px;height:18px;color:#0877ec}.calendar-navigation{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:10px}.calendar-navigation>strong{font-size:11px;font-weight:500;text-align:center;min-width:0}.calendar-navigation button{min-width:23px;min-height:23px;background:none;color:#397ed4;border-radius:5px;font-size:21px;line-height:1}.calendar-navigation button:hover{background:#edf5ff}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px 0;text-align:center}.calendar-days small{font-size:7px;color:#6885b2;font-weight:500;min-width:0;height:17px;white-space:nowrap}.calendar-days button{height:18px;min-width:0;max-width:100%;padding:0;font-size:9px;font-family:Tajawal,'Segoe UI',sans-serif;font-weight:500;color:#2c5f9f;background:none;border-radius:50%;justify-self:center;width:21px;display:grid;place-items:center}.calendar-days button.outside{color:#bacce3}.calendar-days button.selected{color:white;background:#147be6}.calendar-days button:not(.selected):hover{background:#edf5ff}.prevention{border-top:1px solid #e9f0fb;padding-top:11px;margin-top:10px;display:flex;align-items:center;gap:12px;min-height:57px}.mini-tooth{width:46px;height:46px;border-radius:50%;background:#eef7ff;display:grid;place-items:center;color:#1381f7;flex-shrink:0}.mini-tooth .icon{width:26px;height:30px;stroke-width:1.3}.prevention>p{font-size:12px;font-weight:700;line-height:1.5;text-align:center}.quote-mark{color:#8ab8ed;font-size:12px;font-weight:400}.care-panel{background:linear-gradient(130deg,#f3faff,#eaf5ff);border-radius:12px;min-height:265px;position:relative;display:grid;grid-template-columns:38% 62%;grid-template-rows:1fr 68px;overflow:hidden;padding:14px 14px 10px;isolation:isolate}.tooth-art{display:flex;align-items:center;justify-content:center;min-width:0;position:relative}.tooth-art:before{content:'';position:absolute;width:165px;height:165px;border-radius:50%;background:#dff0ff88;z-index:-1}.tooth-art img{width:190px;height:190px;object-fit:contain;max-width:124%;filter:drop-shadow(0 12px 11px #2874bf0a)}.care-copy{text-align:center;padding:5px 3px 0;min-width:0;align-self:center}.care-copy h2{font-size:20px;font-weight:800;line-height:1.5;white-space:nowrap}.care-copy p{font-size:12px;color:#5174ad;line-height:1.5;margin-top:10px;font-weight:500}.care-button{font-size:11px;min-height:33px;padding:6px 27px;border-radius:20px;margin-top:17px;gap:12px}.care-button .icon{width:17px;height:17px}.care-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;text-align:center;padding-inline:13px;padding-top:5px}.care-benefits>span{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0}.care-benefits i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e0efff;color:#0b7df1}.care-benefits i .icon{width:23px;height:23px;stroke-width:1.7}.care-benefits small{font-size:10px;color:#567caf;font-weight:500;white-space:nowrap}.appointments-panel{min-height:265px;padding:12px 17px 8px;overflow:visible}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 11px}.panel-heading h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;min-width:0}.panel-heading h2 .icon{width:18px;height:19px;color:#0878e8}.panel-heading>a{color:#1678e8;font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.table-wrap{overflow-x:auto;max-width:100%;min-width:0}table{width:100%;border-collapse:collapse;font-size:11px;text-align:start;line-height:1.5;white-space:nowrap}th{font-size:10px;font-weight:500;color:#6382b1;background:#edf5ff;padding:6px 8px;line-height:1.5}th:first-child{border-radius:0 6px 6px 0}th:last-child{border-radius:6px 0 0 6px}td{font-size:10px;color:#4d71ab;border-bottom:1px solid #edf3fc;padding:10px 8px;height:41px;position:relative}td small{display:block;font-size:8px;color:#7e9ac1}td:first-child{font-size:10px}td:last-child{padding-inline:4px;width:16px}.status-badge{display:inline-flex;padding:3px 9px;border-radius:6px;font-size:10px;line-height:1.25;white-space:nowrap}.status-badge.confirmed{color:#189b7a;background:#c8f2e4}.status-badge.upcoming{color:#2e75ce;background:#d6e8ff}.status-badge.cancelled{color:#d46870;background:#ffe8eb}.row-action>details>summary{font-size:22px;line-height:22px;color:#4a83d1;cursor:pointer;list-style:none;min-width:18px;min-height:28px;text-align:center}.row-action .popover{top:20px;min-width:125px;font-size:11px;inset-inline-end:10px}.row-action .popover a{font-size:11px}.empty-row td{text-align:center;height:160px;color:#819bc0;white-space:normal;padding:20px}.home-status{min-height:16px;line-height:16px;margin-top:8px;text-align:center;color:#7793b8;font-size:10px}.home-footer{width:calc(100% - 10%);max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:8px 0 16px;color:#7d97bc;font-size:9px;line-height:1.4;position:relative;z-index:1;min-height:32px}.home-footer>span:first-child{direction:ltr;font-family:Tajawal,'Segoe UI',sans-serif}.footer-waves{position:absolute;left:0;bottom:0;width:440px;height:150px;z-index:-1;pointer-events:none}.language-switch{display:flex;align-items:center;justify-content:center;min-height:40px;min-width:70px;border-radius:6px}.arrow{display:inline-block}[dir=ltr] .arrow,[dir=ltr] .arrow-icon{transform:scaleX(-1)}[dir=ltr] .header-tools{direction:rtl}[dir=ltr] .user-name,[dir=ltr] .popover{direction:ltr}[dir=ltr] .user-name{min-width:110px}[dir=ltr] .hero-copy{text-align:left}[dir=ltr] .hero-copy h1{font-size:31px;line-height:1.5}[dir=ltr] .hero-copy p{font-size:15px;line-height:1.6}[dir=ltr] .hero-actions{direction:ltr}[dir=ltr] .hero-copy h1>span{flex-direction:row-reverse}[dir=ltr] .hero-slogan{font-size:18px}[dir=ltr] .section-card h2{font-size:16px}[dir=ltr] .section-card p{font-size:12px}[dir=ltr] .strip-message>span{font-size:14px}[dir=ltr] .stat-item{gap:25px}[dir=ltr] .care-copy h2{font-size:19px;white-space:normal}[dir=ltr] .care-copy p{font-size:11px}[dir=ltr] .care-benefits small{font-size:9px}[dir=ltr] .calendar-days small{font-size:8px}[dir=ltr] .panel-heading h2{font-size:12px}[dir=ltr] .lower-grid{grid-template-columns:224px minmax(0,1fr) minmax(0,1.17fr)}[dir=ltr] th:first-child{border-radius:6px 0 0 6px}[dir=ltr] th:last-child{border-radius:0 6px 6px 0}#home-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 30px);padding:14px 22px;background:#164577;color:white;font-size:13px;line-height:1.6;border-radius:9px;box-shadow:0 6px 25px #174c7a30;z-index:100;opacity:0;pointer-events:none;transition:.2s}#home-toast.visible{transform:translate(-50%,0);opacity:1}
@media(min-width:1700px){.hero{height:440px}.hero-copy{left:15%;width:25%;top:70px}.hero-copy h1{font-size:38px}.hero-copy p{font-size:18px}.home-content{margin-top:-75px}.lower-grid{grid-template-columns:240px minmax(0,1fr) minmax(0,1.17fr)}.care-copy h2{font-size:21px}.section-card{padding-block:15px}.section-card h2{font-size:19px}.section-card p{font-size:14px}.section-cards{min-height:200px}.hero-photo{background-position:center -35px}}
@media(max-width:1390px){.topbar-inner{width:calc(100% - 64px);gap:25px}.main-nav{gap:4px}.main-nav>a{padding-inline:11px;font-size:12px}.header-tools{gap:13px}.hero-copy h1{font-size:31px}.hero-copy p{font-size:15px}.hero-copy{width:30%;left:10%;top:62px}.hero-actions{gap:10px}.hero-actions .button{padding-inline:13px;font-size:12px}.section-cards{gap:13px;padding-inline:17px}.section-card h2{font-size:16px}.section-card p{font-size:12px}.stat-item{gap:30px}.statistics-strip{grid-template-columns:1.15fr repeat(4,minmax(0,1fr))}.strip-message{gap:10px;padding-inline:14px}.strip-message>span{font-size:15px}.care-copy h2{font-size:18px}.care-copy p{font-size:11px}.lower-grid,[dir=ltr] .lower-grid{grid-template-columns:210px minmax(0,1fr) minmax(0,1.12fr);gap:15px}.care-panel{padding-inline:9px}.care-benefits{padding-inline:6px}.appointments-panel{padding-inline:13px}.panel-heading h2{font-size:12px}td{font-size:9px;padding-inline:5px}th{font-size:9px;padding-inline:5px}.hero-photo{background-position:center -5px}}
@media(max-width:1190px){.topbar-inner{width:calc(100% - 44px);gap:20px}.brand strong{font-size:21px}.brand{gap:10px}.brand small{font-size:8px}.brand img{width:36px;height:41px}.main-nav{gap:1px}.main-nav>a{padding-inline:8px;font-size:11px}.main-nav>a.active{padding-inline:14px}.header-tools{gap:8px}.user-name strong{max-width:125px;font-size:12px}.user-name small{font-size:10px}.user-name{min-width:85px}.account-menu>summary{gap:7px}.user-avatar{width:35px;height:35px}.home-content{width:calc(100% - 9%)}.hero-copy{width:33%;left:6%;top:60px}.hero-copy h1{font-size:30px}.hero-slogan{right:2%;font-size:17px}.section-cards{padding:15px 13px;gap:10px}.section-card{padding-inline:8px}.section-card h2{font-size:15px}.section-card p{font-size:11px}.stat-item{gap:19px;padding-inline:12px}.strip-message>img{width:37px;height:44px}.strip-message>span{font-size:14px}.stat-count strong{font-size:21px}.stat-count small{font-size:9px}.stat-icon .icon{width:25px;height:25px}.lower-grid,[dir=ltr] .lower-grid{grid-template-columns:205px minmax(0,1fr);gap:16px}.calendar-panel{grid-column:1;grid-row:1;min-height:275px}.care-panel{grid-column:2;grid-row:1;min-height:275px}.appointments-panel{grid-column:1/-1;grid-row:2;min-height:240px}.care-copy h2{font-size:22px}.care-copy p{font-size:13px}.tooth-art img{width:205px;height:205px}.care-benefits small{font-size:11px}.panel-heading h2{font-size:14px}table{font-size:12px}th{font-size:11px;padding:8px 11px}td{font-size:12px;padding:10px 11px;height:44px}td:first-child{font-size:11px}.row-action summary{min-height:33px}.statistics-strip{min-height:84px}}
@media(max-width:920px){.topbar-inner{width:calc(100% - 40px);gap:14px}.topbar{height:68px}.header-tools{margin-inline-start:auto}.menu-toggle{display:inline-flex;min-width:40px;min-height:44px}.main-nav{display:none;position:absolute;top:68px;inset-inline:20px;padding:12px;background:white;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 13px 25px #23578f17;flex-direction:column;align-items:stretch;gap:1px}.main-nav.open{display:flex}.main-nav>a{min-height:44px;font-size:14px;padding-inline:16px;justify-content:flex-start}.main-nav>a.active{border-radius:7px}.main-nav>a.active:after{display:none}.header-tools{gap:14px}.user-name strong{font-size:12px;max-width:140px}.hero{height:395px}.hero-photo{background-size:auto 100%;background-position:center top}.hero-copy{left:5%;width:38%;top:65px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:14px}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .button{min-height:42px;font-size:11px;padding-inline:11px;flex-basis:100%}.hero-slogan{display:none}.home-content{width:calc(100% - 40px);margin-top:-42px}.section-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:13px 10px;min-height:170px}.section-card{min-height:142px;padding:12px 6px}.section-icon{width:43px;height:43px;margin-bottom:8px}.section-icon .icon{width:25px;height:26px}.section-card h2{font-size:14px}.section-card p{font-size:10px;line-height:1.5;margin-top:7px}.statistics-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.strip-message{grid-column:1/-1;margin-bottom:9px;padding-bottom:13px;border-bottom:1px solid #dfecfc;gap:12px}.strip-message>span{font-size:17px}.strip-message>img{width:33px;height:38px}.strip-message i{width:82px;bottom:-5px}.stat-item{gap:15px;min-height:55px;padding:6px 10px}.stat-item:last-child:after{display:none}.stat-count strong{font-size:23px}.stat-count small{font-size:10px}.stat-icon{width:38px;height:38px}.stat-icon .icon{width:25px;height:25px}.lower-grid,[dir=ltr] .lower-grid{grid-template-columns:210px minmax(0,1fr)}.care-copy h2{font-size:20px}.care-copy p{font-size:12px}.care-benefits small{font-size:10px}.care-button{font-size:11px;padding-inline:21px}.tooth-art img{max-width:140%;width:185px;height:185px}[dir=ltr] .hero-copy h1{font-size:26px}[dir=ltr] .hero-copy p{font-size:13px}[dir=ltr] .section-card h2{font-size:13px}[dir=ltr] .section-card p{font-size:10px}[dir=ltr] .care-copy h2{font-size:18px}.footer-waves{width:350px;height:120px}}
@media(max-width:700px){.topbar-inner{width:calc(100% - 30px);gap:10px}.brand strong{font-size:21px}.brand small{font-size:8px}.brand img{width:35px;height:40px}.header-tools{gap:7px}.user-name{display:none}.tiny-chevron{display:none}.user-avatar{height:34px;width:34px}.header-tools .icon-button{min-width:33px}.account-menu>summary{min-width:37px}.notification-popover{inset-inline-end:-55px}.settings-popover{inset-inline-end:-35px}.hero{height:415px}.hero-photo{background-size:auto 380px;background-position:60% 0}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf7ffed,#edf7ffbb 37%,#edf7ff00 75%)}.hero-copy{left:6%;width:46%;top:57px}.hero-copy h1{font-size:27px;line-height:1.55}.hero-copy h1>span{gap:7px}.hero-copy h1 .icon{width:26px;height:28px}.hero-copy p{font-size:13px;line-height:1.7;margin-top:13px}.hero-actions{margin-top:19px;gap:10px}.hero-actions .button{font-size:11px;min-height:44px;flex-basis:100%}.home-content{width:calc(100% - 30px);margin-top:-36px}.section-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;min-height:0}.section-card{min-height:142px;padding:12px 8px}.section-card h2{font-size:15px}.section-card p{font-size:11px}.section-card:nth-child(4),.section-card:nth-child(5){min-height:138px}.statistics-strip{margin-top:16px}.stat-item{gap:9px;padding-inline:5px}.stat-count small{font-size:9px}.stat-count strong{font-size:22px}.stat-icon{width:32px;height:36px}.stat-icon .icon{width:23px;height:24px}.lower-grid,[dir=ltr] .lower-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}.appointments-panel{grid-column:1;grid-row:1;padding:15px 13px 7px}.care-panel{grid-column:1;grid-row:2;min-height:275px;padding:17px 15px 12px;grid-template-columns:38% 62%}.care-copy h2{font-size:23px}.care-copy p{font-size:13px}.care-benefits small{font-size:11px}.tooth-art img{width:200px;height:200px;max-width:130%}.calendar-panel{grid-column:1;grid-row:3;max-width:none;min-height:0;padding:18px}.calendar-panel>h2{font-size:15px;margin-bottom:13px}.calendar-navigation>strong{font-size:14px}.calendar-navigation button{min-width:44px;min-height:44px;font-size:25px}.calendar-days{gap:5px}.calendar-days small{font-size:11px;height:25px}.calendar-days button{width:37px;height:35px;font-size:13px}.prevention{justify-content:center;gap:20px;margin-top:17px;padding-top:16px}.prevention p{font-size:14px}.prevention .mini-tooth{width:50px;height:50px}.home-footer{width:calc(100% - 30px);flex-direction:column;align-items:center;gap:6px;padding:14px 0 18px;font-size:10px;text-align:center}.home-footer>span:first-child{order:2;font-size:9px}.home-status{font-size:10px;line-height:1.8;margin-top:11px}.panel-heading h2{font-size:14px}.panel-heading>a{font-size:12px}.popover a,.popover button{min-height:42px;font-size:13px}.icon-button{min-height:44px}.footer-waves{width:300px;height:105px}[dir=ltr] .hero-copy h1{font-size:25px}[dir=ltr] .hero-copy p{font-size:12px}[dir=ltr] .care-copy h2{font-size:21px}[dir=ltr] .care-copy p{font-size:12px}[dir=ltr] .care-benefits small{font-size:11px}[dir=ltr] .calendar-days small{font-size:11px}}
@media(max-width:520px){.topbar-inner{width:calc(100% - 24px);gap:8px}.topbar{height:65px}.brand{gap:8px}.brand strong{font-size:20px}.brand small{font-size:7px}.brand img{width:30px;height:35px}.header-tools{gap:3px}.user-avatar{width:31px;height:31px}.account-menu>summary{min-width:32px;gap:0}.header-tools .icon-button{min-width:31px}.header-tools .icon-button .icon{width:20px;height:20px}.menu-toggle{min-width:35px}.main-nav{top:65px;inset-inline:12px}.hero{height:505px}.hero-photo{background-size:auto 315px;background-position:64% 0}.hero-photo:after{background:linear-gradient(0deg,#eef7ff 0%,#eef7ff 25%,#eef7ff7a 57%,#eef7ff00 100%)}.hero-copy{left:7%;top:244px;width:86%;text-align:center}.hero-copy h1{font-size:27px;line-height:1.4}.hero-copy h1 br{display:none}.hero-copy h1>span{display:inline-flex;vertical-align:middle;gap:7px;white-space:nowrap}.hero-copy h1 .icon{width:24px;height:27px}.hero-copy p{font-size:13px;line-height:1.6;margin-top:13px}.hero-actions{margin-top:17px;flex-wrap:nowrap;justify-content:center;gap:10px}.hero-actions .button{font-size:11px;min-height:45px;flex:1;padding:10px 9px;gap:6px;border-radius:13px}.hero-actions .button .icon{width:17px;height:17px}.home-content{width:calc(100% - 24px);margin-top:-13px}.section-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.section-card{min-height:144px;padding:12px 8px}.section-card:last-child{grid-column:1/-1;min-height:116px;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:30px 1fr;align-items:center;text-align:start;padding:13px 30px;gap:0 16px}.section-card:last-child>.section-icon{grid-row:1/3;margin:0;width:55px;height:55px}.section-card:last-child h2{align-self:end;font-size:17px}.section-card:last-child p{align-self:start;font-size:12px;margin-top:8px}.section-card:last-child p br{display:none}.section-card:last-child p br:after{content:' '}.section-card h2{font-size:16px}.section-card p{font-size:12px;line-height:1.45}.statistics-strip{padding:13px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 0}.strip-message{margin-bottom:0;padding-bottom:13px}.strip-message>span{font-size:17px}.stat-item{gap:25px;min-height:66px;padding:8px 10px}.stat-item:nth-child(3):after{display:none}.stat-item:nth-child(2),.stat-item:nth-child(3){border-bottom:1px solid #dfecfc}.stat-icon{width:39px;height:39px}.stat-count strong{font-size:25px}.stat-count small{font-size:11px}.stat-icon .icon{width:27px;height:28px}.care-panel{grid-template-columns:35% 65%;padding:17px 11px 12px;min-height:270px;grid-template-rows:1fr 67px}.care-copy h2{font-size:19px;white-space:normal}.care-copy p{font-size:11px;line-height:1.6}.care-button{font-size:11px;padding:8px 18px;min-height:38px;margin-top:14px}.tooth-art img{width:165px;height:175px;max-width:155%}.tooth-art:before{width:115px;height:140px}.care-benefits{gap:8px;padding-inline:6px}.care-benefits small{font-size:10px}.care-benefits i{width:40px;height:40px}.panel-heading{margin-bottom:15px;align-items:flex-start;gap:7px}.panel-heading h2{font-size:13px;gap:6px;line-height:1.6}.panel-heading h2 .icon{width:16px;height:17px}.panel-heading>a{font-size:11px}.appointments-panel{padding:15px 12px 5px}.table-wrap{overflow:visible}table,tbody{display:block;white-space:normal}thead{display:none}tbody{display:grid;gap:11px}tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px;border:1px solid var(--line);border-radius:9px;position:relative}td{display:flex;flex-direction:column;min-width:0;gap:5px;padding:0;border:0;height:auto;min-height:0;font-size:12px;overflow-wrap:anywhere}td:before{content:attr(data-label);font-size:10px;color:#8da5c5;display:block}td:first-child{font-size:12px}td:nth-child(2){grid-column:1/-1;grid-row:1;padding-bottom:10px;border-bottom:1px solid #eff4fc;padding-inline-end:22px;font-size:14px;font-weight:700}td.row-action{position:absolute;inset-inline-end:7px;top:12px;padding:0;width:25px}td.row-action:before{display:none}.row-action>details>summary{font-size:25px;min-width:24px;min-height:32px}.status-badge{align-self:flex-start;font-size:11px;padding:5px 10px}tr.empty-row{display:block;border:0}tr.empty-row td{display:block;text-align:center;min-height:110px;padding:25px 10px}tr.empty-row td:before{display:none}.footer-waves{width:230px;height:90px}.calendar-panel{padding:16px}.calendar-days button{width:34px;height:33px}.calendar-days small{font-size:10px}.settings-popover{inset-inline-end:-20px}.notification-popover{inset-inline-end:-60px}.account-popover{inset-inline-end:-120px}[dir=ltr] .hero-copy{text-align:center}[dir=ltr] .hero-copy h1{font-size:26px;line-height:1.4}[dir=ltr] .hero-copy h1>span{flex-direction:row-reverse}[dir=ltr] .hero-copy p{font-size:12px;line-height:1.7}[dir=ltr] .care-copy h2{font-size:18px}[dir=ltr] .care-copy p{font-size:11px}[dir=ltr] .care-benefits small{font-size:10px}[dir=ltr] .stat-item{gap:25px}[dir=ltr] .section-card p{font-size:12px}}
@media(max-width:360px){.brand strong{font-size:18px}.brand small{font-size:7px}.brand img{width:27px;height:33px}.brand{gap:6px}.header-tools{gap:0}.header-tools .icon-button{min-width:28px}.header-tools .icon-button .icon{width:18px;height:18px}.menu-toggle{min-width:30px}.user-avatar{width:27px;height:27px}.hero-copy{left:5%;width:90%;top:241px}.hero-copy h1{font-size:24px}.hero-copy p{font-size:12px}.hero-actions .button{font-size:10px;padding-inline:7px;gap:5px}.hero-actions .button .icon{width:15px}.hero{height:485px}.home-content{width:calc(100% - 20px)}.section-cards{padding:10px;gap:8px}.section-card h2{font-size:15px}.section-card p{font-size:11px}.section-card:last-child{padding-inline:20px;gap:0 12px}.stat-item{gap:20px;padding-inline:6px}.strip-message>span{font-size:15px}.care-copy h2{font-size:18px}.care-copy p{font-size:10px}.care-copy p br{display:none}.care-copy p br:after{content:' '}.care-button{padding-inline:15px;font-size:10px}.care-benefits small{font-size:9px}.care-benefits i{width:37px;height:37px}.calendar-days button{height:31px;width:31px}.calendar-days small{font-size:9px}.popover{max-width:calc(100vw - 30px)}[dir=ltr] .hero-copy h1{font-size:23px}[dir=ltr] .hero-copy p{font-size:11px}[dir=ltr] .section-card h2{font-size:14px}[dir=ltr] .section-card p{font-size:11px}[dir=ltr] .care-copy h2{font-size:16px}[dir=ltr] .care-copy p{font-size:10px}[dir=ltr] .care-benefits small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}