:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--text-primary:#333;--text-secondary:#666;--text-muted:#888;--border-color:#e0e0e0;--border-light:#f0f0f0;--accent-color:#4a7c74;--accent-hover:#35635a;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--shadow:0 2px 4px #0000001a;--shadow-hover:0 4px 8px #00000026}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-card:#222;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#999;--border-color:#444;--border-light:#555;--accent-color:#5a9c8f;--accent-hover:#4a7c74;--success-color:#2ecc71;--error-color:#e74c3c;--warning-color:#f39c12;--shadow:0 2px 4px #0000004d;--shadow-hover:0 4px 8px #0006}.auth-container[data-theme=light]{--bg-primary:#fff!important;--bg-secondary:#f8f9fa!important;--bg-card:#fff!important;--text-primary:#333!important;--text-secondary:#666!important;--text-muted:#888!important;--border-color:#e0e0e0!important;--border-light:#f0f0f0!important;--accent-color:#4a7c74!important;--accent-hover:#35635a!important;--success-color:#28a745!important;--error-color:#dc3545!important;--warning-color:#ffc107!important;--shadow:0 2px 4px #0000001a!important;--shadow-hover:0 4px 8px #00000026!important;background:#fff!important;background:var(--bg-primary)!important;color:#333!important;color:var(--text-primary)!important}html{height:100%;overflow-y:scroll;width:100%}body,html{background-color:#fff;background-color:var(--bg-primary,#fff)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}#root{background-color:#fff;background-color:var(--bg-primary,#fff);min-height:100vh;width:100%}.app-container{margin:0 auto;max-width:1400px;padding:24px}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px}.header,.logo-container{align-items:center;display:flex}.logo-container{gap:12px}.logo-icon{color:#4a7c74}.logo-text{color:#111827;font-size:1.25rem;font-weight:600}.header-nav{display:flex;gap:32px}.header-nav-link{color:#6b7280}.header-nav-link.active,.header-nav-link:hover{color:#111827}.header-actions{align-items:center;display:flex;gap:4px}.header-icon-button{background-color:initial;color:#6b7280;transition:background-color .2s ease,color .2s ease}.header-icon-button:hover{background-color:#f3f4f6;color:#111827}.main-content{padding:24px 0}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-title{font-size:2rem;font-weight:700}.btn-add-entry{align-items:center;background-color:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-add-entry:hover{background-color:#374151;transform:translateY(-1px)}.tabs-container{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 16px;transition:color .2s ease,border-color .2s ease}.tab.active,.tab:hover{color:#111827}.tab.active{border-bottom:2px solid #111827;font-weight:600}.card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);padding:16px;transition:box-shadow .3s ease,transform .2s ease}.card:hover{box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header{align-items:center;margin-bottom:16px;padding-bottom:16px}.card-title{color:#333;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.card-content{color:#666;color:var(--text-secondary);line-height:1.6}.card-icon{color:#6b7280}.card-main-metric{color:#111827;font-size:2.25rem;font-weight:700}.card-sub-metric{color:#6b7280;font-size:.875rem}.overview-cards-grid{grid-gap:24px;margin-bottom:24px}.dashboard-grid,.overview-cards-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-gap:24px;grid-auto-rows:auto}.health-metrics-card{grid-column:1/span 3}.upcoming-medications-card{grid-column:span 1}.medications-list{display:flex;flex-direction:column;gap:12px;padding:8px 0}.medication-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;padding:16px;transition:all .2s ease}.medication-item:hover{background:#f1f3f5}.medication-status-icon{margin-right:16px}.icon-circle{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.icon-circle.success{background:#dcfce7;color:#16a34a}.icon-circle.pending{background:#fef3c7;color:#d97706}.status-icon{height:24px;width:24px}.medication-info{flex:1 1}.medication-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.medication-details{color:#6b7280;font-size:.875rem;margin:4px 0 0}.card-subtitle{color:#6b7280;margin:-8px 0 16px}.switch{display:inline-block;height:28px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#e5e7eb;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#16a34a}input:focus+.slider{box-shadow:0 0 1px #16a34a}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh}.auth-container body,.auth-container html{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)!important}.auth-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 40px #00000014;max-width:450px;padding:56px 48px;width:100%}.auth-header{margin-bottom:48px;text-align:center}.auth-header .logo-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:28px}.auth-header .logo-text{font-size:28px;margin:0}.auth-card h2,.auth-header .logo-text{color:#333;color:var(--text-primary);font-weight:700}.auth-card h2{font-size:32px;margin-bottom:12px;text-align:center}.auth-card p{color:#9ca3af;font-size:15px;line-height:1.6;margin-bottom:40px;text-align:center}.auth-form{gap:24px}.auth-form,.auth-form-field{display:flex;flex-direction:column}.auth-form-field label{color:#333;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.auth-form-field input{background-color:var(--bg-input);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#333;color:var(--text-primary);font-family:inherit;font-size:15px;padding:13px 16px;transition:all .2s ease;width:100%}.auth-form-field input:focus{background-color:#fff;background-color:var(--bg-card);border-color:#4a7c74;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1);outline:none}.auth-form-field .password-wrapper{position:relative}.auth-form-field .password-wrapper input{padding-right:44px}.auth-form-field .password-toggle{align-items:center;background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .2s ease;width:32px}.auth-form-field .password-toggle:hover{color:#333;color:var(--text-primary)}.btn-auth{align-items:center;background-color:#4a7c74;background-color:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-top:8px;padding:13px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}.btn-auth:hover:not(:disabled){background-color:#35635a;background-color:var(--accent-hover);box-shadow:0 8px 20px rgba(var(--accent-rgb),.25);transform:translateY(-2px)}.btn-auth:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-footer{color:#9ca3af;font-size:14px;margin-top:32px;text-align:center}.auth-footer a{color:#4a7c74;color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#35635a;color:var(--accent-hover);text-decoration:underline}.page-container{margin:0 auto;max-width:1200px;padding:0 24px 24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#333;color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.text-muted{color:#666;color:var(--text-secondary);font-size:14px;margin:0}.profile-grid{grid-gap:24px;display:grid;gap:24px;margin-top:24px}.profile-card{background:#fff;background:var(--bg-card);padding:24px}.profile-card h2{color:#333;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.profile-form{margin-top:24px}.form-group{margin-bottom:24px}.form-label{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase}.input-icon{color:#666;color:var(--text-secondary);height:16px;width:16px}.form-input{background:var(--bg-input);border-radius:8px;font-family:inherit;font-size:15px;padding:12px 14px;transition:all .2s ease}.form-textarea{background:#fff;background:var(--bg-card);border-radius:6px;font-size:14px;min-height:80px;padding:8px 12px}.checkbox-label{align-items:center;color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px}.button-group{margin-top:24px}.btn{border-radius:6px;font-size:14px;padding:8px 16px}.btn-primary{background:#4a7c74;background:var(--accent-color)}.btn-secondary{background:#f8f9fa;background:var(--bg-secondary)}.alert{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px}.alert-error{background:#ef44441a;color:#ef4444}.alert-success{background:#22c55e1a;color:#22c55e}.alert-icon{height:16px;width:16px}.loading-overlay{background:#00000080}.loading-content{background:#fff;background:var(--bg-card);padding:24px}.loading-spinner{animation:spin 1s linear infinite;height:24px;margin:0 auto 12px;width:24px}.profile-dropdown-wrapper{display:inline-block}.profile-dropdown{animation:slideDown .2s ease;background:#fff;background:var(--bg-card);border-radius:10px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;min-width:180px;padding:8px 0;top:110%}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-item{background:none!important;border:none!important;font-size:1rem!important;font-weight:500!important;gap:12px!important;padding:12px 16px!important;text-align:left!important;transition:all .2s ease}.profile-dropdown-item:hover{background:#f8f9fa!important;background:var(--bg-secondary)!important;color:#4a7c74;color:var(--accent-color);transform:translateX(4px)}.profile-dropdown-item:first-child{border-radius:10px 10px 0 0}.profile-dropdown-item:last-child{border-radius:0 0 10px 10px}.metrics-list{padding:16px 0}.metric-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.metric-item:last-child{border-bottom:none}.metric-date{color:#6b7280;font-size:14px;font-weight:500}.metric-value{color:#1f2937;font-size:16px;font-weight:600}.no-data-message{color:#6b7280;padding:40px 20px;text-align:center}.no-data-message p{font-size:16px;margin-bottom:16px}.reminder-alert{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;box-shadow:0 2px 4px #f59e0b1a;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.reminder-icon{color:#d97706;flex-shrink:0;font-size:20px}.reminder-alert span{color:#92400e;flex-grow:1;font-weight:500}.btn-reminder-action{background-color:#d97706;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.btn-reminder-action:hover{background-color:#b45309}.insights-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:24px}.insight-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.insight-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.insight-icon{font-size:24px}.insight-priority{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.insight-content h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.insight-message{color:#6b7280;line-height:1.5;margin:0 0 16px}.insight-action-btn{background:#0000;border:2px solid;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.insight-action-btn:hover{background:currentColor;color:#fff}.loading-message{color:#6b7280;font-size:16px;padding:40px;text-align:center}.navbar-notification{display:inline-block;margin-left:16px}.notification-bell{font-size:1.5rem}.notification-dot{background:#e74c3c;height:10px;right:2px;top:2px;width:10px}.notification-dropdown{background:#fff;background:var(--bg-card);border-radius:6px;color:#333;color:var(--text-primary);min-width:220px;padding:8px 0;top:2.2rem;z-index:100}.notification-item{font-size:.95rem;padding:8px 16px}.chart-section{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);margin-top:20px;padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-header h2{color:#333;color:var(--text-primary);font-size:1.25rem;margin:0}.chart-container{height:300px}.profile-form{gap:16px;max-width:400px}.profile-form label{color:#333;font-weight:500}.profile-form input[type=email],.profile-form input[type=password],.profile-form input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:15px;margin-top:4px;padding:8px 12px}.profile-form .checkbox-label{align-items:center;display:flex;font-weight:400;gap:8px;margin-top:8px}.btn-primary{border:none;border-radius:4px;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:10px 18px;transition:background-color .2s}.btn-dark{background-color:#111827;color:#fff}.btn-dark:hover{background-color:#374151;transform:translateY(-1px)}.success-message{background-color:#28a7451a;border:1px solid #28a745;border:1px solid var(--success-color);border-radius:4px;color:#28a745;color:var(--success-color);font-size:15px;margin-bottom:18px;padding:10px 16px}.navbar{background-color:#fff;background-color:var(--bg-card);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);flex-wrap:nowrap;gap:24px;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{flex-shrink:0;gap:12px;text-decoration:none}.navbar-brand,.navbar-title{color:#333;color:var(--text-primary)}.navbar-title{font-size:1.25rem;font-weight:600;white-space:nowrap}.navbar-nav{align-items:center;display:flex;flex-grow:1;gap:32px;justify-content:center}.navbar-link{border-radius:6px;color:#666;color:var(--text-secondary);font-weight:500;padding:8px 12px;text-decoration:none;transition:color .2s ease;white-space:nowrap}.navbar-link:hover{color:#333;color:var(--text-primary)}.navbar-link.active,.navbar-link:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.navbar-link.active{color:#4a7c74;color:var(--accent-color);font-weight:600}.navbar-menu-toggle{align-items:center;display:none;position:relative}.hamburger-btn{align-items:center;background:none;border:none;color:#333;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;z-index:1001}.mobile-nav-menu{background-color:#fff;background-color:var(--bg-card);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:0;left:-16px;margin-top:0;padding:12px 16px;position:absolute;right:-16px;top:100%;z-index:999}.mobile-nav-link{border-radius:6px;color:#666;color:var(--text-secondary);display:block;font-size:1rem;padding:12px;text-align:left;text-decoration:none;transition:color .2s ease,background-color .2s ease}.mobile-nav-link:hover{color:#333;color:var(--text-primary)}.mobile-nav-link.active,.mobile-nav-link:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.mobile-nav-link.active{color:#4a7c74;color:var(--accent-color);font-weight:600}.navbar-actions{flex-shrink:0;gap:16px}.navbar-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;background-color:#fff;background-color:var(--bg-card);border:none;border-radius:50%;bottom:24px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);color:#666;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:12px;position:fixed;right:24px;transition:all .2s ease;z-index:1100}.theme-toggle:hover{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#333;color:var(--text-primary);transform:scale(1.1)}[data-theme=dark] .theme-toggle{background-color:#fff;background-color:var(--bg-card);box-shadow:0 2px 4px #ffffff1a;color:#666;color:var(--text-secondary)}[data-theme=dark] .theme-toggle:hover{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#333;color:var(--text-primary)}.header-icon-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.header-icon-button:hover{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#333;color:var(--text-primary)}.header-nav-link{border-radius:6px;color:#666;color:var(--text-secondary);font-weight:500;padding:8px 12px;text-decoration:none;transition:color .2s ease}.header-nav-link:hover{color:#333;color:var(--text-primary)}.header-nav-link.active,.header-nav-link:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.header-nav-link.active{color:#4a7c74;color:var(--accent-color);font-weight:600}.navbar-notification{position:relative}.notification-bell{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.notification-bell:hover{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#333;color:var(--text-primary)}.notification-dot{background-color:#dc3545;background-color:var(--error-color);border:2px solid #fff;border:2px solid var(--bg-card);border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.notification-dropdown{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-hover);margin-top:8px;min-width:250px;position:absolute;right:0;top:100%;z-index:1000}.notification-item{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);color:#333;color:var(--text-primary);font-size:.875rem;padding:12px 16px}.notification-item:last-child{border-bottom:none}.notification-empty{color:#888;color:var(--text-muted);font-style:italic;padding:16px;text-align:center}.profile-dropdown-wrapper{position:relative}.profile-dropdown{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-hover);margin-top:8px;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}.profile-dropdown-item{align-items:center!important;color:#333;color:var(--text-primary);cursor:pointer;display:flex!important;gap:8px!important;padding:8px 16px;transition:background-color .2s ease;width:100%!important}@media (max-width:768px){.navbar{gap:12px;justify-content:space-between;padding:12px 16px}.header-nav-link,.navbar-nav{display:none!important}.navbar-menu-toggle{display:flex!important}.hamburger-btn{align-items:center;background:none;border:none;color:#333;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:8px}.mobile-nav-menu{background-color:#fff;background-color:var(--bg-card);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);border-radius:0;display:flex;flex-direction:column;gap:0;left:0;margin:0;padding:12px 0;position:fixed;right:0;top:57px;width:100%;z-index:998}.mobile-nav-link{border-radius:0;color:#666;color:var(--text-secondary);display:block;font-size:1rem;padding:12px 16px;text-align:left;text-decoration:none;transition:color .2s ease,background-color .2s ease}.mobile-nav-link:hover{color:#333;color:var(--text-primary)}.mobile-nav-link.active,.mobile-nav-link:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.mobile-nav-link.active{border-left:4px solid #4a7c74;border-left:4px solid var(--accent-color);color:#4a7c74;color:var(--accent-color);font-weight:600;padding-left:12px}.navbar-title{font-size:1.1rem}.navbar-actions{gap:12px}.header-actions{display:flex;gap:12px}}@media (max-width:480px){.navbar{padding:10px 12px}.navbar-brand{gap:8px;min-width:0}.navbar-brand svg{flex-shrink:0;height:32px;width:32px}.navbar-title{font-size:1rem}.hamburger-btn{padding:6px}.mobile-nav-link{font-size:.9375rem;padding:12px 16px}.navbar-actions{gap:8px}.header-icon-button,.notification-bell,.theme-toggle{font-size:1rem;padding:6px}}.form-group{margin-bottom:16px}.form-label{color:#333;color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.form-input:focus{border-color:#4a7c74;border-color:var(--accent-color);box-shadow:0 0 0 3px #4a7c741a;outline:none}.form-select{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-select:focus{border-color:#4a7c74;border-color:var(--accent-color);box-shadow:0 0 0 3px #4a7c741a;outline:none}.form-textarea{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-primary);font-family:inherit;font-size:.875rem;min-height:100px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-textarea:focus{border-color:#4a7c74;border-color:var(--accent-color);box-shadow:0 0 0 3px #4a7c741a;outline:none}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:#4a7c74;background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:#35635a;background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#333;color:var(--text-primary)}.btn-secondary:hover{background-color:#f0f0f0;background-color:var(--border-light);transform:translateY(-1px)}.btn-danger{background-color:#dc3545;background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:#c53030;transform:translateY(-1px)}.btn-success{background-color:#28a745;background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#1e7e34;transform:translateY(-1px)}.btn-warning{background-color:#ffc107;background-color:var(--warning-color);color:#333;color:var(--text-primary)}.btn-warning:hover{background-color:#e0a800;transform:translateY(-1px)}.btn-sm{font-size:.8rem;padding:8px 12px}.btn-lg{font-size:1rem;padding:16px 24px}.btn-icon{border-radius:50%;height:36px;min-width:36px}.btn-icon:hover{transform:scale(1.1)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#4a7c74;border:2px solid var(--border-color);border-top-color:var(--accent-color);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{background-color:#fff;background-color:var(--bg-card);border-radius:12px;box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-hover);padding:32px;text-align:center}.alert{border:1px solid;border-radius:8px;margin-bottom:16px;padding:12px 16px}.alert-success{background-color:#28a7451a;border-color:#28a745;border-color:var(--success-color);color:#28a745;color:var(--success-color)}.alert-error{background-color:#dc35451a;border-color:#dc3545;border-color:var(--error-color);color:#dc3545;color:var(--error-color)}.alert-warning{background-color:#ffc1071a;border-color:#ffc107;border-color:var(--warning-color);color:#ffc107;color:var(--warning-color)}.alert-info{background-color:#4a7c741a;border-color:#4a7c74;border-color:var(--accent-color);color:#4a7c74;color:var(--accent-color)}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge-primary{background-color:#4a7c74;background-color:var(--accent-color);color:#fff}.badge-success{background-color:#28a745;background-color:var(--success-color);color:#fff}.badge-error{background-color:#dc3545;background-color:var(--error-color);color:#fff}.badge-warning{background-color:#ffc107;background-color:var(--warning-color);color:#333;color:var(--text-primary)}.badge-secondary{background-color:#888;background-color:var(--text-muted);color:#fff}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;bottom:125%;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);color:#333;color:var(--text-primary);font-size:.8rem;left:50%;margin-left:-100px;opacity:0;padding:8px 12px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-hover);max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modal-title{color:#333;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s ease}.modal-close:hover{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#333;color:var(--text-primary)}.modal-body{margin-bottom:20px}.modal-footer{border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.table-container{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}.table{background-color:#fff;background-color:var(--bg-card);border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);padding:12px 16px;text-align:left}.table th{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#333;color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table td{color:#666;color:var(--text-secondary);font-size:.875rem}.table tbody tr:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px}.pagination-btn{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.pagination-btn.active{background-color:#4a7c74;background-color:var(--accent-color);border-color:#4a7c74;border-color:var(--accent-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #4a7c74;outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast:high){a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid #333;outline:3px solid var(--text-primary);outline-offset:1px}}.health-score-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:28px 24px}.health-score-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.health-score-card .card-title{color:#111827;font-size:1.25rem;font-weight:500;margin:0}.health-score-card .trend-icon{stroke-width:1.5;color:#6b7280;height:20px;width:20px}.health-score-content{display:flex;flex-direction:column;gap:12px}.health-score-value{color:#111827;font-size:3rem;font-weight:600;line-height:1;margin:0}.health-score-trend{color:#6b7280;font-size:.938rem;font-weight:400;margin:0}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-action-btn{align-items:center;background-color:#4a7c74;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:16px 24px;text-align:left;transition:background-color .2s ease;width:100%}.quick-action-btn:hover{background-color:#3d665f}.quick-action-btn .action-icon{stroke-width:2;height:20px;opacity:.9;width:20px}.health-analytics{background-color:#fff;background-color:var(--bg-card);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);padding:24px}.analytics-header{margin-bottom:24px}.analytics-header h2{color:#333;color:var(--text-primary);margin:0 0 16px}.analysis-tabs{display:flex;gap:8px}.profile-dropdown-wrapper:hover .profile-dropdown{display:block}.add-item-form-grid{grid-gap:40px;background:#fff;border-radius:8px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);padding:20px}.add-item-form-grid .form-group{display:flex;flex-direction:column;gap:3px}.add-item-form-grid .form-group-full-width{grid-column:1/-1}.add-item-form-grid .form-group-full-width .btn-add{margin:0 auto;max-width:200px;width:100%}.add-item-form-grid label{color:#374151;font-size:13px;font-weight:500}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:13px;padding:8px 10px;transition:border-color .2s ease;width:95%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4a7c74;box-shadow:0 0 0 2px #4a7c741a;outline:none}.form-textarea{min-height:76px;resize:vertical;width:98%}.btn-add{background-color:#4a7c74;border-radius:6px;font-size:13px;gap:8px;justify-content:center;padding:8px 20px;transition:background-color .2s ease,transform .1s ease}.btn-add:hover{background-color:#35635a;transform:translateY(-1px)}.add-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.add-item-card h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px 20px}.error-message{align-items:center;background-color:#fee2e2;border-radius:6px;color:#b91c1c;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px}.no-results{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.no-results p{margin:0}.form-group-full-width{margin-top:4px}.settings-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:250px 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:32px 40px}.settings-sidebar{background-color:initial;height:-webkit-fit-content;height:fit-content;padding:0;position:-webkit-sticky;position:sticky;top:32px}.settings-content{flex:1 1;min-width:0}.profile-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;margin:0 auto;max-width:700px;padding:32px;width:100%}.profile-form{gap:24px;max-width:100%}.form-group,.profile-form{display:flex;flex-direction:column;width:100%}.form-group{gap:10px}.form-group label{color:#333;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background-color:var(--bg-input);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px 14px;transition:all .2s ease}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{background-color:#fff;background-color:var(--bg-card);border-color:#4a7c74;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1);outline:none}.toggle-label{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);width:100%}.toggle-label:last-child{border-bottom:none}.toggle-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0}.toggle-label-text{display:flex;flex-direction:column;gap:4px}.toggle-title{color:#333;color:var(--text-primary);font-size:14px;font-weight:500}.toggle-description{font-size:12px}.toggle-button,.toggle-description{color:#666;color:var(--text-secondary)}.toggle-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:24px;padding:0;transition:color .2s ease}.toggle-button.active{color:#4a7c74;color:var(--accent-color)}.toggle-button:hover{color:#35635a;color:var(--accent-hover)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:44px}.password-input-wrapper .password-toggle{align-items:center;background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;position:absolute;right:12px;transition:color .2s ease;width:32px}.password-input-wrapper .password-toggle:hover{color:#333;color:var(--text-primary)}.password-requirements{background-color:#f8f9fa;background-color:var(--bg-secondary);border-radius:8px;margin:16px 0;padding:16px}.password-requirements h3{color:#333;color:var(--text-primary);font-size:1rem;margin-bottom:12px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}.password-requirements li:last-child{margin-bottom:0}.password-requirements.error{background-color:#dc35451a;border:1px solid #dc3545;border:1px solid var(--error-color)}.password-requirements .error-icon,.password-requirements .error-text{color:#dc3545;color:var(--error-color)}.loading-spinner.small{border-width:2px;height:16px;margin-right:8px;width:16px}.button-group{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.button-group button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:11px 24px;transition:all .2s ease}.button-group button.save-btn{background-color:#4a7c74;background-color:var(--accent-color);color:#fff}.button-group button.save-btn:hover{background-color:var(--accent-dark);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3);transform:translateY(-2px)}.button-group button.cancel-btn{background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#666;color:var(--text-secondary)}.button-group button.cancel-btn:hover{background-color:var(--bg-hover);border-color:#f0f0f0;border-color:var(--border-light)}.button-group button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.settings-container{gap:24px;grid-template-columns:1fr;padding:24px}.settings-sidebar{width:100%}.settings-nav{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:12px}.settings-nav-item{white-space:nowrap}.button-group{justify-content:stretch}.button-group button{flex:1 1}.toggle-label{align-items:flex-start;flex-direction:column;gap:8px}.toggle-button{margin-left:auto}}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav-item{align-items:center;border-left:3px solid #0000;border-radius:8px;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.settings-nav-item:hover{color:#333;color:var(--text-primary)}.settings-nav-item.active,.settings-nav-item:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.settings-nav-item.active{border-left:3px solid #4a7c74;border-left:3px solid var(--accent-color);color:#4a7c74;color:var(--accent-color)}.settings-nav-item .nav-icon{flex-shrink:0;font-size:1.2rem;transition:transform .3s ease}.settings-nav-item:hover .nav-icon{transform:translateX(2px)}.settings-nav-item.active .nav-icon{color:#4a7c74;color:var(--accent-color)}@media (max-width:768px){.settings-container{gap:16px;grid-template-columns:1fr;padding:16px}.settings-sidebar{position:static;width:100%}.settings-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-direction:row;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{border-bottom:3px solid #0000;border-left:none}.settings-nav-item.active{border-bottom:3px solid #4a7c74;border-bottom:3px solid var(--accent-color);border-left:none}}.health-analytics .profile-dropdown-item{align-items:center;display:flex;gap:8px;width:100%}.metric-header{flex:1 1}.card-subtitle{color:#666;color:var(--text-secondary);font-size:.875rem;margin-bottom:0;margin-top:4px}.card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px}.card-filters{margin-left:16px}.filter-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);cursor:pointer;font-size:.875rem;min-width:140px;padding:8px 32px 8px 12px;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:#4a7c74;border-color:var(--accent-color)}.filter-select:focus{box-shadow:0 0 0 2px #4a7c741a;outline:none}.metric-statistics{flex-direction:column;font-size:.875rem;gap:8px;padding:16px 24px 0}.stat-item{align-items:center;display:flex;gap:8px}.stat-label{color:#666;color:var(--text-secondary);min-width:60px}.stat-value{font-weight:500}.stat-item:first-child .stat-label{color:#333;color:var(--text-primary);font-weight:500}.chart-controls,.metric-selector{display:none}.item-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(294px,1fr));padding:20px 0}.item-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:90%;padding:17.5px 19px;transition:all .3s ease}.item-card:hover{box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.item-card-content{display:flex;flex-direction:column;gap:14.5px;height:100%;transform:scale(.97);transform-origin:top left}.item-card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);display:flex;gap:12px;justify-content:space-between;padding-bottom:9.9px}.item-card-title{color:#333;color:var(--text-primary);font-size:1.19rem;font-weight:600}.item-card-status{align-items:flex-end;display:flex;flex-direction:column;gap:7.2px}.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:3.7px 8px;text-transform:capitalize}.status-active{background-color:#28a745;background-color:var(--success-color);color:#fff}.status-completed{background-color:#888;background-color:var(--text-muted);color:#fff}.status-discontinued{background-color:#dc3545;background-color:var(--error-color);color:#fff}.item-card-info{grid-gap:11px;display:grid;gap:11px;grid-template-columns:1fr;padding:9.9px 0}.item-card-info span{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:.875rem;gap:7.4px}.item-card-info strong{color:#333;color:var(--text-primary);min-width:80px}.taken-toggle{align-items:center;background-color:#f8f9fa;background-color:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:3.7px 8px;transition:background-color .2s ease}.taken-toggle:hover{background-color:#f0f0f0;background-color:var(--border-light)}.taken-toggle input[type=checkbox]{margin:0}.taken-label{color:#666;color:var(--text-secondary);font-size:.75rem;font-weight:500}.item-card-buttons{border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:4px}.btn-icon{align-items:center;background-color:#f8f9fa;background-color:var(--bg-secondary);border:none;border-radius:8px;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-icon:hover{background-color:#f0f0f0;background-color:var(--border-light);color:#333;color:var(--text-primary)}.btn-icon-delete:hover{background-color:#dc3545;background-color:var(--error-color);color:#fff}.search-input{background-color:#fff;background-color:var(--bg-card);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;color:#333;color:var(--text-primary);font-size:.95rem;outline:none;padding:10px 16px;transition:all .2s ease-in-out;width:280px}.search-input:focus{border-color:#4a7c74;border-color:var(--accent-color);box-shadow:0 0 0 3px #4a7c741a}.search-input::placeholder{color:#888;color:var(--text-muted);font-size:.95rem}.page-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.btn-export{align-items:center;background-color:#fff;background-color:var(--bg-card);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;color:#333;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;gap:8px;padding:10px 16px;transition:all .2s ease-in-out}.btn-export:hover{background-color:#4a7c741a;border-color:#4a7c74;border-color:var(--accent-color);color:#4a7c74;color:var(--accent-color)}.btn-export svg{height:16px;width:16px}@media (max-width:768px){.page-filters{align-items:stretch;flex-direction:column;gap:12px}.search-input{width:100%}}.add-metric-section{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.add-metric-section h2{color:#333;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.add-metric-form{align-items:center;display:flex;gap:8px}.form-input{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-primary);flex:1 1 auto;font-size:14px;min-width:0;padding:8px 12px;width:100%}.form-input::placeholder{color:#888;color:var(--text-muted);font-size:.95rem}.add-metric-form .form-input:first-child{flex:3 1}.add-metric-form .form-input:nth-child(2){flex:0 0 117px}.add-metric-form .form-input:nth-child(3){flex:0 0 137px}.add-metric-form .form-input:nth-child(4){flex:0 0 170px}.btn-add{align-items:center;background:#4a7c74;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease;white-space:nowrap}.btn-add:hover{background:#35635a;background:var(--accent-hover)}@media (max-width:768px){.add-metric-form{flex-direction:column;gap:12px}.btn-add,.form-input{width:100%}}.item-card-edit-controls{background-color:#fff;background-color:var(--bg-card);border:none;display:flex;flex-direction:column;gap:12px;padding:12px;transform:scale(.97);transform-origin:top left}.edit-form-row{column-gap:16px;display:flex;flex-wrap:wrap;row-gap:8px}.edit-form-group{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:140px}.edit-form-group label{color:#666;color:var(--text-secondary);font-size:.8rem;font-weight:500}.edit-form-group input,.edit-form-group select,.edit-form-group textarea{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);font-size:.875rem;padding:6px 10px;width:95%}.edit-form-group input:focus,.edit-form-group select:focus,.edit-form-group textarea:focus{border-color:#4a7c74;border-color:var(--accent-color);box-shadow:0 0 0 2px #4a7c741a;outline:none}.item-card-edit-controls .item-card-buttons{border-top:none;justify-content:flex-start;padding-top:4px}.item-card-edit-controls .btn-cancel,.item-card-edit-controls .btn-save{border-radius:6px;font-size:.875rem;padding:6px 14px}.item-card-edit-controls .btn-save{background-color:#4a7c74;background-color:var(--accent-color);border:none;color:#fff}.item-card-edit-controls .btn-cancel{background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#666;color:var(--text-secondary)}.item-card-edit-controls .btn-save:hover{background-color:#35635a;background-color:var(--accent-hover)}.item-card-edit-controls .btn-cancel:hover{background-color:#f0f0f0;background-color:var(--border-light);color:#333;color:var(--text-primary)}@media (max-width:768px){.item-card-edit-controls{padding:12px}.edit-form-row{flex-direction:column}.item-card-edit-controls .item-card-buttons{align-items:stretch;flex-direction:column}.item-card-edit-controls .btn-cancel,.item-card-edit-controls .btn-save{width:100%}}.edit-form-row .edit-form-group:not(:last-child){margin-right:24px}[data-theme=dark] .item-card-content .unit-badge,[data-theme=dark] .metric-date,[data-theme=dark] .metric-value{color:#fff!important}[data-theme=dark] .medication-list .medication-item{background:#f8f9fa;background:var(--bg-secondary)}[data-theme=dark] .medication-item-name{color:#333;color:var(--text-primary)}[data-theme=dark] .medication-item-details{color:#666;color:var(--text-secondary)}[data-theme=dark] .add-item-card{background:#f8f9fa!important;background:var(--bg-secondary)!important;border-color:#e0e0e0;border-color:var(--border-color)}[data-theme=dark] .add-item-card .form-input,[data-theme=dark] .add-item-card .form-textarea{background-color:#fff;background-color:var(--bg-primary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}[data-theme=dark] .add-item-card .form-input::placeholder,[data-theme=dark] .add-item-card .form-textarea::placeholder{color:#888;color:var(--text-muted)}[data-theme=dark] .card.add-item-card{background:#f8f9fa!important;background:var(--bg-secondary)!important;border-color:#e0e0e0;border-color:var(--border-color)}[data-theme=dark] .add-item-form-grid{background:#0000}[data-theme=dark] .add-item-form-grid label{color:#666;color:var(--text-secondary)}[data-theme=dark] .add-item-card h2{color:#333;color:var(--text-primary)}[data-theme=dark] .add-metric-section{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;padding:20px}[data-theme=dark] .add-metric-section h2{color:#333;color:var(--text-primary)}[data-theme=dark] .add-metric-form .form-input{background-color:#fff;background-color:var(--bg-primary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}[data-theme=dark] .add-metric-form .form-input::placeholder{color:#888;color:var(--text-muted)}[data-theme=dark] .health-score-card{background:#f8f9fa;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--border-color)}[data-theme=dark] .health-score-card .card-header{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light)}[data-theme=dark] .health-score-card .card-title,[data-theme=dark] .health-score-trend,[data-theme=dark] .health-score-value{color:#333;color:var(--text-primary)}[data-theme=dark] .quick-action-btn{background-color:#4a7c74;background-color:var(--accent-color);border:none;color:#fff}[data-theme=dark] .quick-action-btn:hover{background-color:#35635a;background-color:var(--accent-hover)}[data-theme=dark] .btn-dark{background-color:#4a7c74;background-color:var(--accent-color);border:none;color:#fff}[data-theme=dark] .btn-dark:hover{background-color:#35635a;background-color:var(--accent-hover)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:#e0e0e0;border-color:var(--border-color)}[data-theme=dark] .filter-select,[data-theme=dark] .form-select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] select option,[data-theme=dark] textarea{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary)}[data-theme=dark] .filter-select,[data-theme=dark] .form-select{border-color:#e0e0e0;border-color:var(--border-color)}[data-theme=dark] .filter-select:focus,[data-theme=dark] .form-select:focus{border-color:#4a7c74;border-color:var(--accent-color);box-shadow:0 0 0 2px #4a7c7433}.metrics-trend-list{display:flex;flex-direction:column;gap:16px}.metric-trend-item{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 0}.metric-trend-item:last-child{border-bottom:none}.metric-info{flex:1 1}.metric-name{color:#333;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 4px}.metric-value{color:#666;color:var(--text-secondary);font-size:.75rem;margin:0}.metric-trend{align-items:center;display:flex;gap:8px}.trend-icon{font-size:1rem}.trend-icon.up{color:#28a745;color:var(--success-color)}.trend-icon.down{color:#dc3545;color:var(--error-color)}.trend-icon.neutral{color:#888;color:var(--text-muted)}.trend-value{font-size:.875rem;font-weight:600}.trend-positive{color:#28a745;color:var(--success-color)}.trend-negative{color:#dc3545;color:var(--error-color)}.trend-neutral{color:#888;color:var(--text-muted)}[data-theme=dark] .metric-trend-item{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-color)}[data-theme=dark] .metric-name{color:#333;color:var(--text-primary)}[data-theme=dark] .metric-value{color:#666;color:var(--text-secondary)}.advanced-chart-container{height:100%;padding:16px 0;width:100%}.chart-container.empty{align-items:center;color:#888;color:var(--text-muted);display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.chart-container.empty h3{color:#666;color:var(--text-secondary);margin:0 0 8px}.chart-tooltip{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);padding:12px}.tooltip-date{color:#333;color:var(--text-primary);font-weight:600;margin:0 0 8px}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:.875rem;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.metric-statistics{border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light);display:flex;justify-content:space-around;margin-top:16px;padding:16px 0}.stat-item{text-align:center}.stat-label{color:#888;color:var(--text-muted);display:block;font-size:.75rem;margin-bottom:4px}.stat-value{color:#333;color:var(--text-primary);display:block;font-size:1.125rem;font-weight:600}[data-theme=dark] .chart-tooltip{background-color:#fff;background-color:var(--bg-card);border-color:#e0e0e0;border-color:var(--border-color)}[data-theme=dark] .tooltip-date{color:#333;color:var(--text-primary)}[data-theme=dark] .metric-statistics{border-top-color:#e0e0e0;border-top-color:var(--border-color)}.dashboard-card.card{display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:0}@media (max-width:480px){.app-container,.header{padding:12px}.header{flex-direction:column;gap:12px}.logo-container{margin-bottom:8px}.nav-links{flex-wrap:wrap;gap:8px;justify-content:center}.nav-links a{font-size:.875rem;padding:8px 12px}.dashboard-grid,.insights-grid,.overview-cards-grid{gap:16px;grid-template-columns:1fr}.health-metrics-card,.upcoming-medications-card{grid-column:1/-1!important}.card{margin:12px 0}.auth-form,.card{padding:16px}.auth-form-field{margin-bottom:12px}input[type=date],input[type=email],input[type=password],input[type=text],input[type=time],select,textarea{font-size:16px;padding:10px}.btn,button{font-size:14px;padding:10px 16px;width:100%}table{font-size:.75rem}td,th{padding:8px 4px}.medication-item{margin-bottom:8px;padding:12px}.modal-content{margin:0 12px;padding:16px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}.health-score-number{font-size:2rem}.metric-label{font-size:.875rem}.user-profile-btn{font-size:.875rem;padding:8px 12px}.notification-count{font-size:.75rem;padding:2px 6px}}@media (max-width:768px) and (min-width:481px){.app-container{padding:16px}.header{flex-wrap:wrap;padding:12px 16px}.nav-links{flex-wrap:wrap;gap:12px}.nav-links a{font-size:.9375rem;padding:8px 12px}.dashboard-grid,.insights-grid,.overview-cards-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.health-metrics-card,.upcoming-medications-card{grid-column:1/-1!important}.card{margin:12px 0;padding:16px}.auth-form{margin:0 auto;padding:20px;width:90%}.btn,button{font-size:14px;padding:12px 20px}.table-wrapper{overflow-x:auto}table{font-size:.875rem}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.health-score-number{font-size:2.5rem}}@media (min-width:769px) and (max-width:1023px){.app-container{padding:20px}.dashboard-grid,.insights-grid,.overview-cards-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.health-metrics-card,.upcoming-medications-card{grid-column:1/-1!important}.card{padding:20px}.auth-form{max-width:500px;padding:24px}.nav-links{gap:16px}.nav-links a{font-size:1rem;padding:10px 14px}}@media (min-width:1024px){.app-container{padding:24px}.dashboard-grid,.insights-grid,.overview-cards-grid{gap:24px;grid-template-columns:repeat(3,1fr)}.health-metrics-card{grid-column:1/-1!important}.upcoming-medications-card{grid-column:1/1!important}.nav-links{gap:20px}.nav-links a{padding:10px 16px}}@media (min-width:1441px){.app-container{max-width:1400px;padding:32px}.dashboard-grid,.overview-cards-grid{gap:32px}.card{padding:24px}}@media (max-height:500px) and (orientation:landscape){.header{padding:8px 16px}.nav-links{gap:8px}.card{margin:8px 0;padding:12px}}@media (hover:none) and (pointer:coarse){.btn,a.button,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px;padding:12px 16px}.btn:hover,button:hover{transform:none}input[type=date],input[type=email],input[type=password],input[type=text],input[type=time],select,textarea{font-size:16px}}@media print{.btn,.header,.nav-links,.notification-icon,button{display:none}.app-container{padding:0}.card{border:1px solid #ccc;page-break-inside:avoid}}
/*# sourceMappingURL=main.296ba567.css.map*/