:root{--green-dark: #2d6a4f;--green-mid: #40916c;--green-light: #74c69d;--green-pale: #d8f3dc;--white: #ffffff;--gray-50: #f8f9fa;--gray-200: #e9ecef;--gray-600: #6c757d;--gray-800: #343a40;--red-error: #c0392b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f0f7f4;color:var(--gray-800);min-height:100vh;line-height:1.5}.login-page{max-width:400px;margin:0 auto;padding-top:80px;padding-left:16px;padding-right:16px}.login-card{background:var(--white);border-radius:12px;padding:40px;box-shadow:0 4px 24px #00000014}.logo-area{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-card h1{color:var(--green-dark);font-size:26px;font-weight:700;margin-bottom:4px}.login-subtitle{color:var(--gray-600);font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--gray-800);margin-bottom:6px}input[type=text],input[type=password]{width:100%;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:16px;outline:none;transition:border-color .15s ease;background:var(--white);color:var(--gray-800)}input[type=text]:focus,input[type=password]:focus{border-color:var(--green-mid)}input[type=text]:disabled,input[type=password]:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--green-mid);color:var(--white);border:none;width:100%;padding:12px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .15s ease}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fde8e8;color:var(--red-error);border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:14px}.dashboard{min-height:100vh}.dashboard-header{background:var(--green-dark);color:var(--white);padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:20px;font-weight:600}.btn-logout{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.6);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.btn-logout:hover:not(:disabled){background:#ffffff1a}.btn-logout:disabled{opacity:.6;cursor:not-allowed}.dashboard-content{max-width:900px;margin:0 auto;padding:32px 16px}.dashboard-content h2{color:var(--green-dark);font-size:22px;font-weight:600;margin-bottom:24px}.elders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.elder-card{background:var(--white);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border-left:4px solid var(--green-mid)}.elder-card h3{color:var(--green-dark);font-size:17px;font-weight:600;margin-bottom:4px}.elder-card .username{color:var(--gray-600);font-size:14px}.placeholder-section{margin-top:40px;background:var(--green-pale);border-radius:12px;padding:24px;color:var(--green-dark);font-size:15px;font-weight:500}.loading-text{color:var(--gray-600);text-align:center;padding:40px 0;font-size:15px}