:root{--primary-teal-dark:#0f766e;--primary-teal-medium:#14b8a6;--primary-teal-light:#f0fdfa;--neutral-slate-dark:#0f172a;--neutral-slate-medium:#475569;--neutral-slate-light:#f8fafc;--neutral-white:#fff;--border-gray:#e2e8f0;--status-normal:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--font-primary:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-headings:"Outfit", "Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-soft:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-premium:0 10px 15px -3px #0f766e0d, 0 4px 6px -4px #0f766e0d;--shadow-inset:inset 0 2px 4px 0 #0000000f;--transition-fast:.15s ease;--transition-normal:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-primary);background-color:var(--neutral-slate-light);color:var(--neutral-slate-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--neutral-slate-dark);font-weight:600;line-height:1.25}p{color:var(--neutral-slate-medium);line-height:1.6}a{color:var(--primary-teal-medium);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-teal-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-slate-light)}::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-teal-medium)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) cubic-bezier(.16, 1, .3, 1) forwards}.animate-slide-in{animation:slideInRight var(--transition-normal) cubic-bezier(.16, 1, .3, 1) forwards}.pulse-hover:hover{animation:2s ease-in-out infinite pulse-soft}.badge{text-transform:capitalize;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.badge-normal{color:var(--status-normal);background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-warning{color:var(--status-warning);background-color:#fffbeb;border:1px solid #fde68a}.badge-danger{color:var(--status-danger);background-color:#fef2f2;border:1px solid #fca5a5}.public-layout-wrapper{flex-direction:column;min-height:100vh;display:flex}.public-header{background-color:var(--neutral-white);border-bottom:1px solid var(--border-gray);box-shadow:var(--shadow-soft);z-index:100;padding:1rem 0;position:sticky;top:0}.public-header-container{justify-content:space-between;align-items:center;display:flex}.brand-logo{align-items:center;gap:.5rem;display:flex}.brand-icon{font-size:1.5rem}.brand-text{font-family:var(--font-headings);color:var(--primary-teal-dark);font-size:1.5rem;font-weight:700}.public-nav{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--neutral-slate-medium);transition:color var(--transition-fast);font-weight:500}.nav-link:hover{color:var(--primary-teal-medium)}.nav-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none}.nav-btn-primary{background-color:var(--primary-teal-medium);color:var(--neutral-white)}.nav-btn-primary:hover{background-color:var(--primary-teal-dark)}.nav-btn-secondary{border:1px solid var(--border-gray);color:var(--neutral-slate-medium);background-color:#0000}.nav-btn-secondary:hover{background-color:var(--neutral-slate-light);color:var(--neutral-slate-dark)}.public-main{flex-direction:column;flex:1;display:flex}.public-footer{background-color:var(--neutral-slate-dark);color:var(--neutral-white);border-top:4px solid var(--primary-teal-medium);margin-top:auto;padding:3rem 0 1.5rem}.public-footer-container{grid-template-columns:1.5fr 1fr;gap:3rem;margin-bottom:2rem;display:grid}.footer-section h3{color:var(--primary-teal-medium);margin-bottom:.75rem;font-size:1.5rem}.footer-section h4{color:var(--neutral-white);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;position:relative}.footer-section h4:after{content:"";background-color:var(--primary-teal-medium);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-section p{color:#94a3b8;margin-bottom:.5rem;font-size:.95rem}.doctor-tag{margin-top:1rem;font-size:.9rem}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #334155;padding-top:1.5rem;font-size:.85rem}@media (width<=768px){.public-footer-container{grid-template-columns:1fr;gap:2rem}}.doctor-layout-wrapper{background-color:var(--neutral-slate-light);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.doctor-sidebar{background-color:var(--neutral-white);border-right:1px solid var(--border-gray);flex-direction:column;height:100vh;padding:1.5rem;display:flex;position:sticky;top:0}.sidebar-header{flex-direction:column;gap:.5rem;margin-bottom:2.5rem;display:flex}.sidebar-logo{font-family:var(--font-headings);color:var(--primary-teal-dark);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.sidebar-menu{flex-direction:column;flex:1;gap:.5rem;display:flex}.menu-item{border-radius:var(--radius-sm);color:var(--neutral-slate-medium);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.menu-item:hover{background-color:var(--primary-teal-light);color:var(--primary-teal-dark)}.menu-item.active{background-color:var(--primary-teal-dark);color:var(--neutral-white)}.sidebar-footer{border-top:1px solid var(--border-gray);flex-direction:column;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.doctor-profile{align-items:center;gap:.75rem;display:flex}.avatar{background-color:var(--primary-teal-light);border:1px solid #99f6e4;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.profile-details{flex-direction:column;display:flex;overflow:hidden}.doc-name{color:var(--neutral-slate-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.doc-email{color:var(--neutral-slate-medium);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.logout-btn{border:1px solid var(--border-gray);color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:600;display:flex}.logout-btn:hover{background-color:#fef2f2;border-color:#fca5a5}.doctor-content-area{flex-direction:column;height:100vh;display:flex;overflow-y:auto}.doctor-content-header{background-color:var(--neutral-white);border-bottom:1px solid var(--border-gray);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.header-greeting h2{font-size:1.5rem}.header-greeting p{color:var(--neutral-slate-medium);font-size:.85rem}.header-status{color:var(--neutral-slate-medium);background-color:var(--neutral-slate-light);border:1px solid var(--border-gray);border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.85rem;font-weight:500;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.online{background-color:var(--status-normal);box-shadow:0 0 8px var(--status-normal)}.doctor-main-content{flex:1;padding:2rem}@media (width<=1024px){.doctor-layout-wrapper{grid-template-columns:1fr}.doctor-sidebar{border-right:none;border-bottom:1px solid var(--border-gray);flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:1rem 1.5rem;position:static}.sidebar-header{margin-bottom:0}.sidebar-menu{flex-direction:row;flex:0;gap:1rem}.sidebar-footer{display:none}.doctor-content-area{height:auto;overflow-y:visible}}.custom-card{background-color:var(--neutral-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:all var(--transition-normal);padding:1.5rem}.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff40}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-premium);border-color:var(--primary-teal-medium);transform:translateY(-4px)}.landing-container{flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex}.landing-hero{text-align:center;max-width:800px;margin-bottom:3.5rem}.hero-title{font-family:var(--font-headings);color:var(--primary-teal-dark);margin-bottom:1rem;font-size:3rem;font-weight:850;line-height:1.15}.hero-subtitle{font-family:var(--font-headings);color:var(--neutral-slate-medium);margin-bottom:1.5rem;font-size:1.4rem;font-weight:600}.hero-lead{font-family:var(--font-primary);color:var(--neutral-slate-medium);font-size:1.1rem;line-height:1.6}.landing-grid{grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:900px;margin-bottom:4.5rem;display:grid}@media (width<=768px){.landing-grid{grid-template-columns:1fr}}.landing-card-link{color:inherit;text-decoration:none}.landing-card{height:100%;transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-top:4px solid var(--primary-teal-medium);flex-direction:column;align-items:flex-start;padding:2.2rem;display:flex}.landing-card:hover{box-shadow:var(--shadow-premium);transform:translateY(-5px)}.card-teal-accent{border-top-color:var(--primary-teal-dark)}.card-emoji-header{margin-bottom:1rem;font-size:2.5rem}.landing-card h2{font-family:var(--font-headings);color:var(--neutral-slate-dark);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.landing-card p{color:var(--neutral-slate-medium);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.card-action-text{color:var(--primary-teal-dark);font-size:.95rem;font-weight:700}.landing-card:hover .card-action-text{text-decoration:underline}.landing-features{border-top:1px solid var(--border-gray);grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%;max-width:950px;padding-top:3.5rem;display:grid}@media (width<=768px){.landing-features{grid-template-columns:1fr;gap:1.5rem}}.feature-item{text-align:center;font-family:var(--font-primary)}.feature-icon{margin-bottom:.75rem;font-size:2rem;display:block}.feature-item h4{font-family:var(--font-headings);color:var(--neutral-slate-dark);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.feature-item p{color:var(--neutral-slate-medium);font-size:.85rem;line-height:1.4}.custom-btn{border-radius:var(--radius-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.custom-btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-teal-medium);color:var(--neutral-white);box-shadow:0 2px 4px #14b8a633}.btn-primary:hover:not(:disabled){background-color:var(--primary-teal-dark);box-shadow:0 4px 6px #0f766e4d}.btn-secondary{border:1px solid var(--border-gray);color:var(--neutral-slate-medium);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--neutral-slate-light);color:var(--neutral-slate-dark);border-color:var(--neutral-slate-medium)}.btn-danger{background-color:var(--status-danger);color:var(--neutral-white);box-shadow:0 2px 4px #ef444433}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 6px #dc26264d}.btn-outline{border:1px solid var(--primary-teal-medium);color:var(--primary-teal-medium);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--primary-teal-light);color:var(--primary-teal-dark)}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-loading .btn-content{opacity:.8}.input-group-wrapper{flex-direction:column;gap:.35rem;width:100%;display:flex}.input-label{color:var(--neutral-slate-medium);-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:600}.required-asterisk{color:var(--status-danger)}.custom-input{width:100%;font-family:var(--font-primary);border:1px solid var(--border-gray);border-radius:var(--radius-sm);background-color:var(--neutral-white);color:var(--neutral-slate-dark);transition:all var(--transition-fast);outline:none;padding:.65rem .85rem;font-size:.9rem}.custom-input:focus{border-color:var(--primary-teal-medium);box-shadow:0 0 0 3px #14b8a626}.custom-input::placeholder{color:#94a3b8}.has-error .custom-input{border-color:var(--status-danger)}.has-error .custom-input:focus{box-shadow:0 0 0 3px #ef444426}.has-error .input-label{color:var(--status-danger)}.input-error-msg{color:var(--status-danger);margin-top:.1rem;font-size:.75rem;font-weight:500}.bmi-result-card{border-left:5px solid var(--primary-teal-dark);padding:1.5rem}.bmi-result-grid{grid-template-columns:auto 1fr;align-items:center;gap:2rem;display:grid}@media (width<=640px){.bmi-result-grid{text-align:center;grid-template-columns:1fr;gap:1rem}}.bmi-score-panel{border-right:1px solid var(--border-gray);flex-direction:column;align-items:center;padding-right:2rem;display:flex}@media (width<=640px){.bmi-score-panel{border-right:none;border-bottom:1px solid var(--border-gray);padding-bottom:1rem;padding-right:0}}.bmi-score-label{text-transform:uppercase;color:var(--neutral-slate-medium);letter-spacing:.05em;font-size:.8rem;font-weight:600}.bmi-score-value{font-family:var(--font-headings);margin:.25rem 0;font-size:3rem;font-weight:800;line-height:1}.bmi-score-unit{color:var(--neutral-slate-medium);font-size:.8rem;font-weight:700}.bmi-status-panel{flex-direction:column;gap:.6rem;display:flex}.bmi-badge-row{margin-bottom:.25rem}.bmi-category-badge{font-size:1.1rem;font-weight:700;font-family:var(--font-headings);border:2px solid;border-radius:50px;padding:.4rem 1rem;display:inline-flex}.bmi-risk-row{font-size:.95rem}.risk-label{color:var(--neutral-slate-medium);margin-right:.5rem;font-weight:600}.risk-value{font-weight:700}.bmi-info-row{color:var(--neutral-slate-medium);font-size:.85rem}.bmi-gauge-wrapper{font-family:var(--font-primary);margin-top:2rem}.bmi-gauge-labels{color:var(--neutral-slate-medium);justify-content:space-between;margin-bottom:.25rem;padding:0 5px;font-size:.75rem;font-weight:600;display:flex}.bmi-gauge-bar{background:var(--border-gray);border-radius:6px;height:12px;display:flex;position:relative;overflow:visible}.gauge-segment{height:100%}.segment-underweight{background-color:var(--status-warning);opacity:.6;border-top-left-radius:6px;border-bottom-left-radius:6px;flex:1.4}.segment-normal{background-color:var(--status-normal);flex:2.6}.segment-overweight{background-color:var(--status-warning);flex:2}.segment-obese{background-color:var(--status-danger);border-top-right-radius:6px;border-bottom-right-radius:6px;flex:4}.bmi-gauge-needle{border-radius:2px;width:4px;height:20px;transition:left .8s cubic-bezier(.4,0,.2,1);position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 2px 4px #0003}.needle-tooltip{color:var(--neutral-white);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000026}.needle-tooltip:after{content:"";border-style:solid;border-width:4px 4px 0;border-color:inherit;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.bmi-gauge-segment-labels{color:var(--neutral-slate-medium);text-align:center;margin-top:.4rem;font-size:.7rem;font-weight:600;display:flex}.calculator-page-container{padding:3rem 1.5rem}.calculator-header{text-align:center;max-width:700px;margin:0 auto 2.5rem}.calculator-header h1{font-family:var(--font-headings);color:var(--primary-teal-dark);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.calculator-lead{font-family:var(--font-primary);color:var(--neutral-slate-medium);font-size:1.05rem}.calculator-layout-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:2.5rem;max-width:1100px;margin:0 auto;display:grid}@media (width<=900px){.calculator-layout-grid{grid-template-columns:1fr;gap:2rem}}.calculator-form-card{padding:2rem}.unit-toggle-row{background:var(--neutral-slate-light);border:1px solid var(--border-gray);border-radius:50px;margin-bottom:1.8rem;padding:.25rem;display:flex}.toggle-btn{font-family:var(--font-headings);color:var(--neutral-slate-medium);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50px;flex:1;padding:.6rem 1rem;font-size:.9rem;font-weight:700}.toggle-btn.active{background:var(--primary-teal-dark);color:var(--neutral-white);box-shadow:var(--shadow-soft)}.calc-form{flex-direction:column;gap:1.5rem;display:flex}.form-section-title{font-family:var(--font-headings);color:var(--neutral-slate-dark);border-bottom:1px solid var(--border-gray);margin-bottom:.5rem;padding-bottom:.4rem;font-size:1rem;font-weight:700}.form-group-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=600px){.form-group-row{grid-template-columns:1fr;gap:1rem}}.form-group-row-imperial{grid-template-columns:1.2fr 1fr;gap:1.25rem;display:grid}@media (width<=600px){.form-group-row-imperial{grid-template-columns:1fr;gap:1rem}}.imperial-height-group{gap:.75rem;display:flex}.height-sub-input{flex:1}.custom-input-wrapper{flex-direction:column;gap:.4rem;display:flex}.custom-input-label{font-family:var(--font-primary);color:var(--neutral-slate-medium);font-size:.85rem;font-weight:600}.custom-select{border:1px solid var(--border-gray);border-radius:var(--radius-sm);background-color:var(--neutral-white);font-family:var(--font-primary);color:var(--neutral-slate-dark);transition:border-color var(--transition-fast);outline:none;height:calc(2.4rem + 2px);padding:.7rem .85rem;font-size:.95rem}.custom-select:focus{border-color:var(--primary-teal-medium)}.submit-button-row{margin-top:1rem}.w-100{width:100%}.calc-api-error{color:var(--status-danger);border-radius:var(--radius-sm);font-family:var(--font-primary);background-color:#ef444414;border:1px solid #ef44444d;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:.9rem;display:flex}.error-icon{font-size:1.2rem}.results-panel{height:100%}.result-outer-container{flex-direction:column;gap:1.25rem;display:flex}.result-title{font-family:var(--font-headings);color:var(--primary-teal-dark);font-size:1.2rem;font-weight:700}.patient-success-notice{background:var(--primary-teal-light);border-radius:var(--radius-md);font-family:var(--font-primary);color:var(--primary-teal-dark);border:1px solid #0f766e33;padding:.9rem 1.2rem;font-size:.85rem;line-height:1.4}.no-result-card{border:2px dashed var(--border-gray);border-radius:var(--radius-md);text-align:center;background:var(--neutral-slate-light);color:var(--neutral-slate-medium);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:6rem 2rem;display:flex}.no-result-icon{opacity:.5;margin-bottom:1.2rem;font-size:3rem}.no-result-card h4{font-family:var(--font-headings);color:var(--neutral-slate-dark);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.no-result-card p{font-family:var(--font-primary);max-width:320px;font-size:.9rem;line-height:1.5}.login-page-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 250px);padding:3rem 1.5rem;display:flex}.login-form-card{border-top:5px solid var(--primary-teal-dark);width:100%;max-width:420px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-icon{margin-bottom:.75rem;font-size:3rem;display:block}.login-header h2{font-family:var(--font-headings);color:var(--neutral-slate-dark);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.login-header p{font-family:var(--font-primary);color:var(--neutral-slate-medium);font-size:.9rem}.login-form{flex-direction:column;gap:1.4rem;display:flex}.login-api-error{color:var(--status-danger);border-radius:var(--radius-sm);font-family:var(--font-primary);background-color:#ef444414;border:1px solid #ef44444d;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.login-button-row{margin-top:.5rem}.login-notice{font-family:var(--font-primary);color:var(--neutral-slate-medium);text-align:center;margin-top:1.5rem;font-size:.75rem}.stat-card{border-left:4px solid var(--border-gray);flex-direction:column;gap:.75rem;display:flex}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-slate-medium);font-size:.85rem;font-weight:600}.stat-card-icon{opacity:.8;font-size:1.5rem}.stat-card-value{color:var(--neutral-slate-dark);margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-card-description{color:var(--neutral-slate-medium);font-size:.75rem}.stat-card-teal{border-left-color:var(--primary-teal-medium)}.stat-card-teal .stat-card-icon{color:var(--primary-teal-medium)}.stat-card-green{border-left-color:var(--status-normal)}.stat-card-green .stat-card-icon{color:var(--status-normal)}.stat-card-amber{border-left-color:var(--status-warning)}.stat-card-amber .stat-card-icon{color:var(--status-warning)}.stat-card-red{border-left-color:var(--status-danger)}.stat-card-red .stat-card-icon{color:var(--status-danger)}.stat-card-blue{border-left-color:#3b82f6}.stat-card-blue .stat-card-icon{color:#3b82f6}.search-bar-wrapper{align-items:center;width:100%;max-width:450px;display:flex;position:relative}.search-icon{color:var(--neutral-slate-medium);pointer-events:none;font-size:1rem;position:absolute;left:.85rem}.search-input{width:100%;font-family:var(--font-primary);border:1px solid var(--border-gray);border-radius:var(--radius-sm);background-color:var(--neutral-white);color:var(--neutral-slate-dark);transition:all var(--transition-fast);outline:none;padding:.65rem 2.25rem;font-size:.9rem}.search-input:focus{border-color:var(--primary-teal-medium);box-shadow:var(--shadow-premium)}.search-input::placeholder{color:#94a3b8}.search-clear-btn{color:var(--neutral-slate-medium);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.2rem;font-size:.75rem;display:flex;position:absolute;right:.85rem}.search-clear-btn:hover{background-color:var(--neutral-slate-light);color:var(--neutral-slate-dark)}.patient-table-container{background:var(--neutral-white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid var(--border-gray);margin-top:1.5rem;overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.patient-table{border-collapse:collapse;text-align:left;width:100%;font-family:var(--font-primary);font-size:.95rem}.patient-table th{background:var(--neutral-slate-light);color:var(--neutral-slate-medium);border-bottom:1.5px solid var(--border-gray);text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.patient-table td{border-bottom:1px solid var(--border-gray);color:var(--neutral-slate-dark);vertical-align:middle;padding:1.2rem 1.5rem}.patient-row-hover:hover{background-color:#14b8a605}.patient-name-cell{cursor:pointer}.patient-avatar-name{align-items:center;gap:.75rem;display:flex}.name-avatar{background:var(--primary-teal-light);width:2.2rem;height:2.2rem;color:var(--primary-teal-dark);font-weight:700;font-family:var(--font-headings);border:1px solid #0f766e26;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;display:flex}.name-details{flex-direction:column;display:flex}.patient-name{color:var(--primary-teal-dark);font-weight:600;font-family:var(--font-headings)}.patient-row-hover:hover .patient-name{text-decoration:underline}.patient-meta-date{color:var(--neutral-slate-medium);margin-top:.1rem;font-size:.75rem}.gender-capitalize{text-transform:capitalize}.bmi-value-highlight{color:var(--neutral-slate-dark);font-size:1.05rem;font-weight:700}.who-badge{border:1.5px solid #0000;border-radius:50px;align-items:center;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.action-buttons-group{justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-action{min-height:auto!important;padding:.35rem .75rem!important;font-size:.8rem!important}.btn-delete-patient{border:1px solid var(--status-danger)!important;color:var(--status-danger)!important;transition:var(--transition-fast)!important;background-color:#0000!important}.btn-delete-patient:hover{background-color:var(--status-danger)!important;color:var(--neutral-white)!important}.text-center{text-align:center}.text-muted{color:var(--neutral-slate-medium);font-size:.85rem;font-style:italic}.empty-table-cell{text-align:center;padding:4rem 1.5rem!important}.empty-table-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.empty-icon{opacity:.6;font-size:2.5rem}.empty-text{color:var(--neutral-slate-medium);font-weight:500}.pagination-bar{background:var(--neutral-slate-light);border-top:1px solid var(--border-gray);font-family:var(--font-primary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pagination-info{color:var(--neutral-slate-medium);font-size:.85rem}.pagination-buttons{gap:.5rem;display:flex}.pagination-buttons button{min-height:auto!important;padding:.4rem 1rem!important;font-size:.85rem!important}.table-loading-state{background:var(--neutral-white);border-radius:var(--radius-md);border:1px solid var(--border-gray);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.table-spinner{border:3px solid var(--border-gray);border-top-color:var(--primary-teal-dark);border-radius:50%;width:2.5rem;height:2.5rem;animation:1s linear infinite table-spin}@keyframes table-spin{to{transform:rotate(360deg)}}.dashboard-page-container{padding:1.5rem 0}.section-title{font-family:var(--font-headings);color:var(--neutral-slate-dark);margin-bottom:1.25rem;font-size:1.25rem;font-weight:750}.analytics-section{margin-bottom:2.5rem}.analytics-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (width<=1024px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.analytics-grid{grid-template-columns:1fr}}.distribution-row{margin-top:1.5rem}.distribution-card{background:var(--neutral-white);border-radius:var(--radius-md);border:1px solid var(--border-gray);box-shadow:var(--shadow-soft);padding:1.5rem}.distribution-title{font-family:var(--font-headings);color:var(--neutral-slate-dark);margin-bottom:1.2rem;font-size:1.05rem;font-weight:700}.distribution-bar-grid{grid-template-columns:1fr 1fr;gap:1.2rem 2.5rem;display:grid}@media (width<=768px){.distribution-bar-grid{grid-template-columns:1fr;gap:1rem}}.dist-bar-item{flex-direction:column;gap:.4rem;display:flex}.dist-label-row{font-family:var(--font-primary);justify-content:space-between;font-size:.85rem;display:flex}.dist-category{color:var(--neutral-slate-medium);font-weight:600}.dist-count{color:var(--primary-teal-dark);font-weight:700}.dist-progress-track{background-color:var(--neutral-slate-light);border-radius:4px;height:8px;overflow:hidden}.dist-progress-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.progress-underweight{background-color:var(--status-warning)}.progress-normal{background-color:var(--status-normal)}.progress-overweight{background-color:var(--status-warning)}.progress-obese{background-color:var(--status-danger)}.directory-section{margin-top:2rem}.directory-header-row{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}@media (width<=640px){.directory-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.directory-header-row .search-bar-wrapper{width:100%}}.undo-toast-banner{z-index:1000;background-color:var(--neutral-slate-dark);color:var(--neutral-white);border-radius:var(--radius-md);font-family:var(--font-primary);border-left:4px solid var(--primary-teal-medium);justify-content:space-between;align-items:center;gap:2rem;min-width:380px;max-width:90%;padding:.9rem 1.5rem;font-size:.9rem;animation:.3s ease-out toast-slide-down;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}@keyframes toast-slide-down{0%{opacity:0;top:-50px}to{opacity:1;top:1.5rem}}.toast-content{align-items:center;gap:.6rem;display:flex}.toast-icon{font-size:1.2rem}.toast-text{font-weight:500}.toast-undo-btn{background-color:var(--primary-teal-medium);color:var(--neutral-white);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:none;padding:.4rem .9rem;font-size:.8rem;font-weight:700}.toast-undo-btn:hover{background-color:var(--primary-teal-dark)}.analytics-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.skeleton-card{background:var(--neutral-slate-light);border:1px solid var(--border-gray);border-radius:var(--radius-md);height:90px;animation:1.5s ease-in-out infinite card-pulse}@keyframes card-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.bmi-trend-chart-wrapper{background:var(--neutral-white);border-radius:var(--radius-md);border:1px solid var(--border-gray);box-shadow:var(--shadow-soft);padding:1.5rem}.chart-title{font-family:var(--font-headings);color:var(--neutral-slate-dark);margin-bottom:1.5rem;font-size:1.15rem;font-weight:700}.chart-container{margin-top:1rem}.chart-custom-tooltip{background:var(--neutral-slate-dark);color:var(--neutral-white);border-radius:var(--radius-sm);font-family:var(--font-primary);border:1px solid #ffffff1a;padding:.75rem 1rem;font-size:.8rem;box-shadow:0 4px 10px #0003}.tooltip-date{color:var(--primary-teal-medium);border-bottom:1px solid #ffffff26;margin-bottom:.4rem;padding-bottom:.25rem;font-weight:700}.tooltip-details p{margin:.2rem 0}.tooltip-value{color:var(--primary-teal-medium);font-weight:700}.tooltip-class{opacity:.9;font-size:.75rem;margin-top:.3rem!important}.trend-chart-empty{background:var(--neutral-white);border:1px dashed var(--border-gray);border-radius:var(--radius-md);text-align:center;color:var(--neutral-slate-medium);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.chart-empty-icon{opacity:.5;margin-bottom:1rem;font-size:2.5rem}.patient-detail-container{flex-direction:column;gap:2rem;padding:1.5rem 0;display:flex}.detail-action-bar{border-bottom:1px solid var(--border-gray);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}@media (width<=600px){.detail-action-bar{flex-direction:column;align-items:stretch;gap:.75rem}}.back-btn{padding:.5rem 1rem!important;font-size:.85rem!important}.report-btn{font-weight:700!important;font-family:var(--font-headings)!important;padding:.6rem 1.2rem!important}.detail-grid-top{grid-template-columns:1fr 1.2fr;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.detail-grid-top{grid-template-columns:1fr}}.profile-summary-card{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.profile-card-header{align-items:center;gap:1rem;display:flex}.detail-avatar{background-color:var(--primary-teal-dark);width:3.5rem;height:3.5rem;color:var(--neutral-white);font-size:1.5rem;font-weight:800;font-family:var(--font-headings);box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.detail-title-block h2{font-family:var(--font-headings);color:var(--neutral-slate-dark);margin-bottom:.2rem;font-size:1.5rem;font-weight:800}.profile-phone{font-family:var(--font-primary);color:var(--neutral-slate-medium);font-size:.9rem;font-weight:600}.profile-meta-grid{background-color:var(--neutral-slate-light);border-radius:var(--radius-md);border:1px solid var(--border-gray);grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem;display:grid}.meta-box{flex-direction:column;gap:.15rem;display:flex}.meta-label{text-transform:uppercase;color:var(--neutral-slate-medium);letter-spacing:.05em;font-size:.75rem;font-weight:600}.meta-value{color:var(--neutral-slate-dark);font-size:.95rem;font-weight:700}.latest-bmi-summary{border-top:1px solid var(--border-gray);padding-top:1.2rem}.diag-badge-row{align-items:center;gap:.8rem;margin:.5rem 0;display:flex}.diag-bmi-num{font-family:var(--font-headings);color:var(--neutral-slate-dark);font-size:2.2rem;font-weight:850}.diag-risk-label{color:var(--neutral-slate-medium);font-size:.85rem}.no-records{text-align:center;color:var(--neutral-slate-medium);padding:1rem 0;font-size:.9rem;font-style:italic}.detail-chart-wrapper{height:100%}.chart-skeleton-loader{background:var(--neutral-slate-light);border-radius:var(--radius-md);border:1px solid var(--border-gray);height:320px;animation:1.5s ease-in-out infinite card-pulse}.detail-grid-bottom{grid-template-columns:1fr 1.2fr;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.detail-grid-bottom{grid-template-columns:1fr}}.notes-card,.history-card{flex-direction:column;min-height:480px;padding:1.8rem;display:flex}.new-note-form{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.form-group-note{flex-direction:column;gap:.25rem;display:flex}.note-textarea{border-radius:var(--radius-sm);border:1px solid var(--border-gray);width:100%;font-family:var(--font-primary);resize:vertical;color:var(--neutral-slate-dark);transition:border-color var(--transition-fast);outline:none;padding:.8rem;font-size:.9rem}.note-textarea:focus{border-color:var(--primary-teal-medium)}.textarea-error{border-color:var(--status-danger)!important}.textarea-error-message{color:var(--status-danger);font-size:.75rem;font-weight:600}.note-submit-row{justify-content:flex-end;display:flex}.note-submit-row button{padding:.45rem 1.2rem!important;font-size:.85rem!important}.notes-list-timeline{flex-direction:column;gap:.9rem;max-height:280px;padding-right:5px;display:flex;overflow-y:auto}.empty-notes-timeline{text-align:center;color:var(--neutral-slate-medium);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.notes-empty-icon{opacity:.5;margin-bottom:.5rem;font-size:2rem}.note-timeline-item{background-color:var(--neutral-slate-light);border:1px solid var(--border-gray);border-radius:var(--radius-sm);flex-direction:column;gap:.4rem;padding:.8rem 1rem;display:flex;position:relative}.note-item-header{justify-content:space-between;align-items:center;display:flex}.note-timestamp{color:var(--neutral-slate-medium);font-size:.7rem;font-weight:700}.note-delete-btn{color:var(--neutral-slate-medium);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:3px;padding:2px 5px;font-size:.8rem}.note-delete-btn:hover{color:var(--status-danger);background-color:#ef44441a}.note-item-text{color:var(--neutral-slate-dark);white-space:pre-wrap;font-size:.88rem;line-height:1.4}.history-table-wrapper{flex-grow:1;overflow-x:auto}.history-table{border-collapse:collapse;text-align:left;width:100%;font-family:var(--font-primary);font-size:.88rem}.history-table th{background:var(--neutral-slate-light);color:var(--neutral-slate-medium);border-bottom:1.5px solid var(--border-gray);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.72rem;font-weight:700}.history-table td{border-bottom:1px solid var(--border-gray);color:var(--neutral-slate-dark);padding:.85rem 1rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.detail-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:calc(100vh - 250px);display:flex}.spinner{border:4px solid var(--border-gray);border-top-color:var(--primary-teal-dark);border-radius:50%;width:3rem;height:3rem;animation:1s linear infinite table-spin}.detail-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:calc(100vh - 250px);display:flex}.detail-error-state h2{font-family:var(--font-headings);color:var(--status-danger)}.detail-error-state p{color:var(--neutral-slate-medium);margin-bottom:1rem}