/* Nijanand Netralaya: calm, child-friendly eye care without distracting from stock safety. */
:root{--primary:#176b68;--primary-deep:#105855;--ink:#26334d;--muted:#5c6b7d;--border:#dbe8e5;--sun:#f4c95d;color:var(--ink);background:#f7fbfa}
body{color:var(--ink);background:radial-gradient(circle at 92% 4%,#fff3c9 0 7%,transparent 22%),radial-gradient(circle at 4% 28%,#dff4ef 0 9%,transparent 27%),linear-gradient(155deg,#f9fcfb 0%,#f4f9fb 56%,#f8f6ff 100%)}
.appbar{background:#ffffffec;border-bottom-color:#d9e9e5;box-shadow:0 10px 35px rgba(37,82,78,.04)}
.clinic-brand{gap:11px;line-height:1.05}.clinic-brand>span:last-child{display:grid;gap:5px}.clinic-brand strong{font-size:17px;letter-spacing:-.35px}.clinic-brand small{display:block;color:#708079;font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
.clinic-mark{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:15px;background:linear-gradient(145deg,#eefaf7,#dff2ee);border:1px solid #cde8e2;box-shadow:0 10px 22px rgba(23,107,104,.11)}.clinic-mark svg{width:35px;height:35px}.clinic-mark .eye-shape{fill:#fff;stroke:#176b68;stroke-width:2.5}.clinic-mark .iris{fill:#78c8bf}.clinic-mark .pupil{fill:#263b66}.clinic-mark .spark{fill:#fff}
.avatar{background:#e3f3ef;color:#105855}.nav{border-right-color:#e0ebe8}.nav button.active{background:#def1ed;color:#105855;box-shadow:inset 3px 0 #f4c95d}.nav .nav-label{color:#77877f}.nav-foot strong{font-size:13px}.nav-foot p{margin:6px 0}.dot{background:#35a379;box-shadow:0 0 0 4px #def3e9}
.page-head h1{color:#223451}.eyebrow{color:#176b68}.page-head .eyebrow:before{content:"";display:inline-block;width:18px;height:3px;border-radius:3px;background:#f4c95d;margin:0 8px 3px 0}
button,.button{background:linear-gradient(135deg,#176b68,#1e7b76);box-shadow:0 7px 16px rgba(23,107,104,.12)}button.secondary,.button.secondary{background:#f5faf9;color:#165f5c;border-color:#d4e6e2;box-shadow:none}.link{background:transparent;box-shadow:none;color:#176b68}
.stat,.card,.item-card{border-color:#dce9e6;box-shadow:0 14px 35px rgba(37,72,86,.055)}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:42px;height:42px;border-radius:50%;right:-16px;bottom:-20px;background:#f7d87533}.stat-symbol{color:#176b68;background:#e3f3ef}.stat:nth-child(3) .stat-symbol{background:#fff2c8;color:#8a6613}.stat:nth-child(4) .stat-symbol{background:#eeeafd;color:#5b4f91}
.badge{background:#e1f3eb;color:#24664d}.badge.warn{background:#fff1c7;color:#795700}.tip{background:linear-gradient(145deg,#edf8f5,#e6f2f5);border-color:#cfe6e1;color:#325e5c}.note{background:#fff6d9;color:#725615}
.care-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#fff 0%,#f0faf7 62%,#fff8dc 145%);padding-top:30px}.care-card:after{content:"";position:absolute;width:110px;height:110px;border:22px solid #dff3ee;right:-62px;bottom:-68px;border-radius:50%;opacity:.8}.care-card h2{color:#263b66;font-size:25px;line-height:1.2}.care-card strong{color:#176b68}.care-orbit{float:right;margin:-12px -6px 12px 18px}.care-orbit .clinic-mark{width:68px;height:68px;border-radius:50%;background:#fff9df;border-color:#f0dc99;box-shadow:0 12px 30px rgba(113,96,36,.12)}.care-orbit .clinic-mark svg{width:48px;height:48px}
.item-icon{background:#e4f4f0;color:#176b68}.welcome{position:relative;overflow:hidden;background:#ffffffef;border-color:#d8e9e5;box-shadow:0 30px 80px rgba(40,73,83,.12)}.welcome:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-65px;top:-65px;background:#fff0b9;z-index:-1}.welcome .clinic-brand{margin-bottom:38px}.welcome .clinic-mark{width:56px;height:56px;border-radius:18px}.welcome .clinic-mark svg{width:43px;height:43px}
input:focus,select:focus,textarea:focus{border-color:#2a817c;box-shadow:0 0 0 3px #d8efeb;outline:0}:focus-visible{outline-color:#c38b13}.opaque .appbar{background:#fff}
@media(max-width:767px){.clinic-brand strong{font-size:15px}.clinic-brand small{font-size:8px}.appbar .clinic-mark{width:38px;height:38px;border-radius:12px}.appbar .clinic-mark svg{width:30px;height:30px}.nav button.active{box-shadow:inset 0 3px #f4c95d}.care-card h2{font-size:23px}}
@media(prefers-reduced-motion:no-preference){.card,.stat,.item-card{animation:gentle-rise .28s ease-out both}.stat:nth-child(2),.item-card:nth-child(2){animation-delay:.04s}.stat:nth-child(3),.item-card:nth-child(3){animation-delay:.08s}.stat:nth-child(4),.item-card:nth-child(4){animation-delay:.12s}@keyframes gentle-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}