*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333;min-height:100vh}.navbar-header{background-color:#4a90e2;color:#fff;padding:15px 20px;text-align:center}.navbar-title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.navbar-links{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.navbar-links>*{display:inline-flex;align-items:center;gap:.25rem;margin:0 .25rem;font-size:1rem;line-height:1.5}.navbar-user{font-weight:500;color:#fff}.navbar-link{font-weight:500;color:#357ab7;background-color:#fff;border:1px solid rgba(255,255,255,.85);padding:.4rem .85rem;border-radius:.375rem;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}.navbar-link:hover{background-color:#eaf3fb;text-decoration:none}.navbar-logout{background-color:#fff;border:1px solid rgba(255,255,255,.85);cursor:pointer}.container{max-width:400px;margin:30px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}h1,h2{text-align:center;margin-bottom:20px}form{display:flex;flex-direction:column}input{padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:1rem}button{padding:12px;background-color:#4a90e2;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:background .2s}button:hover{background-color:#357ab7}a{color:#4a90e2;text-decoration:none;font-size:.9rem;text-align:center;margin-top:10px}a:hover{text-decoration:underline}.error{color:red;margin-bottom:10px;font-size:.9rem}.dashboard-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-top:20px}.page-heading{margin-bottom:28px}.page-heading h1{margin-bottom:8px}.page-heading p:last-child{color:#5f6b76;line-height:1.5}.eyebrow{color:#357ab7;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.dashboard-notice{grid-column:1 / -1;padding:14px;border-left:4px solid #d89b27;background:#fff8e8;color:#664b13;text-align:left}.household-page{max-width:900px}.household-address{padding:20px;margin-bottom:20px;border:1px solid #dce3e8;border-radius:8px;background:#fff;box-shadow:0 3px 12px #20344412}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2,.section-heading h3{margin-bottom:0;text-align:left}.section-heading h2{font-size:1.25rem}.section-heading h3{font-size:1rem}.section-heading span{color:#6d7780;font-size:.9rem}.section-heading.compact{padding-bottom:10px;border-bottom:1px solid #e7ecef}.household-section{margin-top:24px}.household-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #edf0f2;text-align:left}.household-row-actions{display:flex;align-items:center;gap:12px}.household-row:last-child{border-bottom:0}.household-row strong,.household-row span{display:block}.household-row span{margin-top:4px;color:#6d7780;font-size:.9rem}.visibility-status{margin-top:0!important;font-weight:600;color:#357ab7!important}.secondary-action{background:#eef2f5;color:#263746}.secondary-action:hover{background:#dce4ea}.muted{color:#6d7780}.page-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dashboard-buttons button{display:flex;justify-content:center;align-items:center;width:100%;height:70px;padding:12px;font-size:.95rem;border-radius:15px;text-align:center;white-space:normal}@media (max-width: 500px){.container{margin:20px;padding:15px}.navbar-links{flex-direction:column;gap:.25rem;align-items:center}.section-heading,.household-row,.household-row-actions,.page-actions{align-items:stretch;flex-direction:column}.section-heading button,.household-row button,.page-actions button{width:100%}}
