@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f7f9;min-height:100vh;font-family:Inter,sans-serif}.page-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{background:#fff;border:1px solid #edf2f7;border-radius:16px;width:100%;max-width:520px;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000000d}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.card h1{text-align:center;color:#111827;letter-spacing:-.5px;margin-bottom:30px;font-size:2.2rem}.logo{text-align:center;color:#4f46e5;letter-spacing:-1px;margin-bottom:8px;font-size:2.5rem;font-weight:800}.tagline{text-align:center;color:#6b7280;margin-bottom:20px;font-size:1rem}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea,select{background-color:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e526}button{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s}button:hover{background-color:#4338ca;transform:translateY(-1px)}.secondary-button{color:#374151;background:#f3f4f6;border:1px solid #d1d5db;width:auto;padding:10px 18px}.secondary-button:hover{background:#e5e7eb;transform:translateY(-1px)}hr{background:#edf2f7;border:0;height:1px;margin:20px 0}.error-message{color:#dc2626;margin-bottom:15px;font-size:14px;font-weight:500}.success-message{color:#16a34a;margin-top:10px;font-size:14px;font-weight:500}.link-text{text-align:center;color:#6b7280;margin-top:20px}.link-text a{color:#4f46e5;font-weight:600;text-decoration:none}.link-text a:hover{text-decoration:underline}.checkbox-group{color:#4b5563;align-items:center;gap:8px;margin-bottom:20px;display:flex}.button-group{flex-direction:column;gap:12px;margin-top:20px;display:flex}.household-card{background:#f8fafc;border:1px solid #e6ebf1;border-radius:12px;margin:20px 0;padding:15px}.chore-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:15px;padding:20px}.completed-chore{opacity:.6;background-color:#f9fafb}.completed-title{color:#9ca3af;text-decoration:line-through}.overdue-label{color:#dc2626;background:#fee2e2;border-radius:6px;margin-top:5px;padding:4px 8px;font-size:.85rem;font-weight:700;display:inline-block}.stats-container{justify-content:space-between;gap:10px;margin:15px 0;display:flex}.stats-container p{text-align:center;color:#4b5563;background:#f4f6f8;border-radius:8px;flex:1;padding:12px;font-weight:600}.toast-message{color:#fff;z-index:9999;background:#10b981;border-radius:10px;padding:12px 20px;font-weight:600;position:fixed;top:20px;right:20px;box-shadow:0 10px 25px #10b9814d}.expense-list{text-align:left;padding:0;list-style:none}.expense-item{border-bottom:1px solid #f3f4f6;padding:15px 0}.balance-positive{color:#10b981;margin-left:10px;font-weight:700}.balance-negative{color:#ef4444;margin-left:10px;font-weight:700}.grocery-actions{gap:10px;margin-top:15px;display:flex}.added-by{color:#6b7280;margin-bottom:8px;font-size:.9rem}.back-button-container{margin-bottom:24px}
