*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#eef2f7,#dfe9f3);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:20px;width:100%;max-width:520px;padding:2rem;transition:transform .2s;box-shadow:0 15px 35px #0000001a}.card:hover{transform:translateY(-2px)}.card h1{text-align:center;color:#333;margin-bottom:30px;font-size:2.4rem}.logo{text-align:center;color:#4a90e2;letter-spacing:-1px;margin-bottom:8px;font-size:2.5rem;font-weight:900}.tagline{text-align:center;color:#6b7280;margin-bottom:15px;font-size:.95rem}.form-group{margin-bottom:20px}.form-group label{color:#444;margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1px solid #d9dee5;border-radius:10px;width:100%;padding:14px;font-size:15px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e226}button{color:#fff;cursor:pointer;background-color:#4a90e2;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s}button:hover{background-color:#357bd8;transform:translateY(-1px)}.error-message{color:red;margin-bottom:15px;font-size:14px}.link-text{text-align:center;margin-top:20px}.link-text a{color:#4a90e2;font-weight:600;text-decoration:none}.link-text a:hover{text-decoration:underline}.checkbox-group{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}.success-message{color:#16a34a;margin-top:10px;font-size:14px}.chore-card{margin-top:15px;padding:15px}.completed-chore{opacity:.7;background-color:#f3f4f6}.completed-title{text-decoration:line-through}.overdue-label{color:#dc2626;font-weight:700}.stats-container{justify-content:space-between;gap:10px;margin:15px 0;display:flex}.stats-container p{text-align:center;background:#f4f6f8;border-radius:8px;flex:1;padding:12px;font-weight:700}select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}select:hover{border-color:#4a90e2}select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e226}.card h2{margin-top:20px;margin-bottom:10px}.toast-message{color:#fff;z-index:9999;background:#16a34a;border-radius:10px;padding:12px 18px;font-weight:600;position:fixed;top:20px;right:20px;box-shadow:0 8px 20px #00000026}.expense-list{text-align:left;padding:0;list-style:none}.expense-item{border-bottom:1px solid #eee;padding:10px 0}.expense-meta{color:gray}.balance-positive{color:#16a34a;margin-left:10px;font-weight:600}.balance-negative{color:#dc2626;margin-left:10px;font-weight:600}.grocery-actions{gap:10px;margin-top:12px;display:flex}.grocery-actions button{flex:1}.chore-card select{margin-top:10px;margin-bottom:10px}.added-by{color:#6b7280;margin-bottom:8px;font-size:.9rem}.back-button-container{margin-bottom:20px}.secondary-button{color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;width:auto;padding:10px 18px;font-weight:600}.secondary-button:hover{background:#e5e7eb;transform:translateY(-1px)}