:root{--navy:#0F2E4F;--teal:#155E63;--gold:#C59A52;--cream:#FFFDF9;--sand:#F8F5EF;--border:#EDE4D6;--text:#2E3A46;--muted:#64717D}
*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--text);font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.9}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,select{border-radius:12px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button{border:0}h1,h2,h3{color:var(--navy);line-height:1.6;margin:0 0 14px}p{margin:0 0 20px}h2{font-size:23px}small{font-size:12px}img{max-width:100%}[hidden]{display:none!important}.preview-bar{text-align:center;padding:8px 16px;background:var(--navy);color:var(--cream);font-size:12px}.welcome{min-height:calc(100vh - 39px);max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding:50px 30px}.brand{width:190px;height:76px;object-fit:contain;mix-blend-mode:multiply}.welcome-copy .brand{display:block;margin-bottom:30px}.eyebrow,.mini-label{display:block;color:var(--teal);font-size:12px;letter-spacing:.2px;margin-bottom:10px}.welcome h1{font-size:43px;line-height:1.65}.welcome-copy>p{font-size:16px;color:var(--muted);max-width:460px}.welcome-features{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;color:var(--teal)}.welcome-features span:before{content:"✓";margin-left:6px}.journey-art{height:180px;position:relative;margin:30px 0 0;border-right:2px solid var(--gold);padding:25px}.journey-art i{position:absolute;border:1px solid var(--border);border-radius:50%;width:125px;height:125px;left:10px;top:10px}.journey-art i:nth-child(2){left:30px;top:25px}.journey-art i:nth-child(3){left:50px;top:40px;border-color:var(--gold)}.journey-art i:nth-child(4){left:70px;top:55px;background:var(--teal);width:25px;height:25px}.journey-art div{position:relative;background:var(--sand);display:inline-block;color:var(--muted)}.journey-art strong{color:var(--navy)}.login-card{background:var(--cream);padding:40px;border:1px solid var(--border);border-radius:26px;box-shadow:0 24px 65px #0f2e4f08}.login-card p{color:var(--muted)}label{display:block;margin:16px 0 7px;font-weight:bold;font-size:13px}input,select{width:100%;background:var(--cream);border:1px solid var(--border);padding:11px 14px;min-height:48px;color:var(--navy)}.primary,.secondary{padding:12px 20px;width:100%;margin-top:20px;font-weight:bold;min-height:48px}.primary{background:var(--navy);color:var(--cream)}.secondary{background:transparent;color:var(--navy);border:1px solid var(--border)}.secondary:hover:not(:disabled){background:var(--sand)}.primary:hover:not(:disabled){background:var(--teal)}.hint{font-size:12px;color:var(--muted);margin-top:12px}.tiny{font-size:11px;text-align:center;margin:18px 0 0!important}.divider{border-top:1px solid var(--border);position:relative;text-align:center;margin:30px 0 0}.divider span{position:relative;top:-13px;background:var(--cream);padding:0 10px;color:var(--muted);font-size:12px}.app-shell{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 39px)}.sidebar{background:var(--cream);border-left:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column}.app-name{text-align:center;font-size:12px;color:var(--muted);margin-top:5px}.sidebar nav{display:grid;gap:10px;margin-top:24px}.nav-button{background:transparent;text-align:right;padding:13px 16px;color:var(--muted)}.nav-button span{font-size:21px;width:28px;display:inline-block;vertical-align:middle}.nav-button.active{background:var(--navy);color:var(--cream)}.nav-button:not(.active):hover{background:var(--sand)}.sidebar-bottom{margin-top:auto;padding-top:70px;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;background:var(--teal);display:inline-block;border-radius:50%;margin-left:6px}.sidebar-bottom button{display:block;margin-top:12px}.text-button{color:var(--teal);background:none;padding:7px;font-size:12px}.text-button:hover{text-decoration:underline}main{padding:30px 40px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{font-size:25px;margin:0}.profile{display:flex;align-items:center;gap:12px;font-size:12px}.profile small{display:block;color:var(--muted)}.avatar{width:44px;height:44px;border-radius:50%;background:var(--border);color:var(--navy);display:grid;place-items:center;font-size:19px}.hero-panel{border-radius:22px;background:var(--navy);padding:30px;display:flex;justify-content:space-between;gap:22px;color:var(--cream)}.hero-panel h2{color:var(--cream);font-size:29px}.hero-panel .eyebrow{color:#dec69e}.hero-panel p{color:#e2e6e8;font-size:13px;max-width:480px}.light-button{padding:10px 18px;background:var(--cream);color:var(--navy)}.day-card{border:1px solid #ffffff30;min-width:165px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;font-size:12px}.day-card strong{font-size:49px;color:#e0c494;line-height:1.4}.day-card small{font-size:11px;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stat{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:20px}.stat>span{display:block;color:var(--muted);font-size:12px}.stat strong{display:inline-block;font-size:30px;color:var(--navy);margin:8px 0 0 10px}.stat small{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr);gap:22px}.panel{padding:26px;background:var(--cream);border:1px solid var(--border);border-radius:20px;min-width:0}.panel h2{font-size:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{margin:0}.section-heading .mini-label{margin-bottom:4px}.chart{display:block;width:100%;height:auto;margin-top:16px}.chart text{font-family:Tahoma,Arial,sans-serif;fill:var(--muted);font-size:12px}.tag{display:inline-block;padding:3px 12px;border-radius:20px;background:var(--sand);color:#765a2a;font-size:11px;margin-bottom:18px}.next-card>p{font-size:13px;color:var(--muted)}.pending-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:12px 0;font-size:12px}.pending-row span:last-child{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:28px;color:var(--muted);font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:24px;text-align:right;font-size:13px}caption{text-align:right;color:var(--navy);font-weight:bold;padding:8px}td,th{padding:12px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:11px}.delete-weight{background:none;color:#943f32;font-size:12px}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.stages article{padding:22px;border:1px solid var(--border);border-radius:16px}.stages article>span{color:var(--gold);font-size:30px}.stages h3{font-size:17px;margin-top:12px}.stages p,.stages small{font-size:12px;color:var(--muted)}.empty{max-width:680px;margin:30px auto;text-align:center;padding:55px 35px}.empty-icon{display:block;font-size:50px;color:var(--teal);margin-bottom:20px}dialog{border:1px solid var(--border);border-radius:22px;padding:30px;background:var(--cream);color:var(--text);max-width:460px;width:calc(100% - 30px)}dialog::backdrop{background:#0f2e4f75}#weight-status,#profile-error{font-size:12px;margin:12px 0 0;color:var(--teal)}
@media(min-width:1500px){main{padding:40px 55px}.hero-panel{padding:38px}.panel{padding:30px}}
@media(max-width:1050px){.welcome{gap:35px}.welcome h1{font-size:34px}.app-shell{grid-template-columns:190px minmax(0,1fr)}main{padding:25px 22px}.content-grid{grid-template-columns:1fr}.sidebar{padding:25px 13px}.hero-panel h2{font-size:24px}.stages{grid-template-columns:1fr}}
@media(max-width:650px){.welcome{display:block;padding:28px 20px}.welcome-copy .brand{width:150px;margin-bottom:15px}.welcome h1{font-size:29px}.welcome-copy>p{font-size:14px}.journey-art,.welcome-copy>small,.welcome-features{display:none}.login-card{margin-top:25px;padding:25px}.app-shell{display:block}.sidebar{padding:10px 14px;border-bottom:1px solid var(--border);border-left:0}.sidebar>.brand,.app-name,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin:0;gap:4px;overflow-x:auto}.nav-button{font-size:11px;white-space:nowrap;padding:9px}.nav-button span{display:none}main{padding:22px 15px}.topbar{gap:12px}.topbar h1{font-size:22px}.topbar .mini-label{font-size:10px}.profile{font-size:11px}.avatar{width:34px;height:34px}.hero-panel{padding:23px;flex-direction:column}.hero-panel h2{font-size:23px}.day-card{display:grid;grid-template-columns:1fr 1fr;min-width:0;text-align:center;gap:2px}.day-card strong{grid-row:span 2;font-size:36px}.stats{gap:8px}.stat{padding:14px 10px}.stat>span{font-size:10px;min-height:38px}.stat strong{font-size:24px;display:block;margin:5px 0}.stat small{font-size:10px}.panel{padding:20px 16px}.panel h2{font-size:18px}footer{flex-wrap:wrap}.section-heading{gap:8px}.section-heading .text-button{font-size:11px}}
@media(max-width:650px){.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;margin:6px 0 0;padding:0}.sidebar-bottom button{margin:0}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clinic-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}.clinic-heading h2{font-size:28px;margin-bottom:8px}.compact{width:auto;margin:0;white-space:nowrap}.search-row{display:flex;gap:12px;margin-top:22px}.search-row input{max-width:430px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.patient-table td{white-space:nowrap}.badge-active,.badge-inactive{display:inline-block;border-radius:20px;padding:3px 12px;font-size:11px}.badge-active{background:#e6f0ec;color:#155E63}.badge-inactive{background:#F8F5EF;color:#765a2a}.patient-detail{margin-top:22px;scroll-margin-top:20px}.patient-detail h3{font-size:17px;margin-top:24px}.checkbox-row{display:flex;align-items:center;gap:12px}.checkbox-row input{width:20px;min-height:20px;accent-color:#155E63}#patient-dialog{max-height:90vh;overflow:auto}#clinic-status{min-height:24px}@media(max-width:650px){.clinic-heading{display:block;padding:8px 0}.clinic-heading h2{font-size:23px}.clinic-heading .compact{margin:8px 0 16px;width:100%}.search-row{gap:8px}.search-row .compact{padding:10px}.patient-table{font-size:12px}.patient-detail .section-heading{align-items:flex-start;flex-direction:column}}

.persian-date{border:0;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1.5fr 1.2fr;gap:10px;min-width:0}.persian-date legend{font-weight:bold;padding:0;margin-bottom:4px}.persian-date label{min-width:0;margin:0;font-weight:normal;font-size:12px;color:var(--muted)}.persian-date select{width:100%;min-width:0;color:var(--text);background:var(--cream);padding:10px 6px}

/* HAMRAH_WELCOME_LAYOUT_BEGIN */
.welcome{display:grid;max-width:1120px;min-height:calc(100svh - 40px);margin:auto;grid-template-columns:minmax(0,1fr) minmax(360px,400px);gap:64px;align-items:start;padding:64px 32px 48px}
.welcome-copy{display:grid;width:100%;max-width:456px;justify-self:center;grid-template-columns:minmax(0,260px) 172px;gap:28px 24px;align-items:center;padding-top:20px}
.welcome-copy .brand{display:block;grid-column:1/-1;width:160px;height:64px;object-fit:contain;margin:0}
.welcome-intro{grid-column:1;grid-row:2;min-width:0}
.welcome .eyebrow{display:block;font-size:12px;line-height:1.8;margin:0 0 10px;color:var(--teal)}
.welcome h1{font-size:26px;line-height:1.65;letter-spacing:-.5px;margin:0 0 14px}
.welcome-intro>p{font-size:13px;line-height:2;max-width:300px;margin:0;color:var(--muted)}
.welcome-copy .hk-hero-art{display:block;grid-column:2;grid-row:2;width:172px;max-width:100%;margin:0;align-self:center;justify-self:center}
.hk-hero-art svg{display:block;width:100%;height:auto}
.welcome-features{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding-top:20px;border-top:1px solid var(--border);font-size:11px}
.welcome-features span{padding:5px 10px;border-radius:8px;background:#e9eeea;color:var(--teal)}
.welcome-features span::before{content:none}
.hk-art-satellites{transform-box:view-box;transform-origin:185px 147px;animation:hk-art-orbit 12s linear infinite}
.hk-art-core{transform-box:view-box;transform-origin:185px 147px;animation:hk-art-core-breathe 6s ease-in-out infinite}
.hk-art-satellites>path{stroke-width:2;opacity:.75}
.hk-art-satellites>g{stroke-width:2;opacity:.85}
.hk-art-ring-outer circle{stroke-width:1.8;opacity:.6}
.hk-art-ring-mid circle{stroke-width:2.2;opacity:.85}
.hk-art-core>circle:first-child{stroke-width:2.5;opacity:1}
.hk-art-core>circle:nth-child(2){stroke-width:2.2;opacity:1}
.hk-art-core>path{stroke:#0F2E4F;stroke-width:.8;stroke-linejoin:round}
@keyframes hk-art-orbit{to{transform:rotate(360deg)}}
@keyframes hk-art-core-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@media(min-width:761px) and (max-width:1000px){
 .welcome{gap:36px;padding-inline:24px;grid-template-columns:minmax(0,1fr) minmax(310px,350px)}
 .welcome-copy{grid-template-columns:minmax(0,1fr) 128px;column-gap:12px}
 .welcome-copy .hk-hero-art{width:128px}
 .welcome h1{font-size:25px;letter-spacing:0}
 .welcome-intro>p{font-size:12px}
}
@media(max-width:760px){
 .welcome{display:block;max-width:460px;min-height:0;padding:18px 18px 28px}
 .welcome-copy{grid-template-columns:minmax(0,1fr) 150px;gap:10px 12px;max-width:none;padding-top:0}
 .welcome-copy .brand{grid-column:1/-1;justify-self:center;width:176px;height:70px;margin:0 auto 16px}
 .welcome .eyebrow{font-size:10px;margin:0 0 5px}
 .welcome h1{font-size:20px;line-height:1.6;letter-spacing:-.5px;margin:0 0 8px}
 .welcome-intro>p{font-size:11px;line-height:1.9;margin:0}
 .welcome-copy .hk-hero-art{width:150px}
 .welcome-features{display:none}
}
@media(max-width:360px){
 .welcome{padding:15px 13px 24px}
 .welcome-copy{grid-template-columns:minmax(0,1fr) 130px;gap:8px}
 .welcome-copy .brand{width:164px;height:66px;margin-bottom:12px}
 .welcome-copy .hk-hero-art{width:130px}
 .welcome h1{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.hk-art-satellites,.hk-art-core{animation:none!important;transform:none!important}}
/* HAMRAH_WELCOME_LAYOUT_END */