body{font-family:Poppins,sans-serif;background:#f7f3fa;margin:0}*{box-sizing:border-box}.app{max-width:1000px;margin:auto;padding:2rem}.header{margin-bottom:2rem}h1{color:#8b6fbf}.child-card,.profile-card{background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 10px 30px #0000000d}.avatar{width:70px;height:70px;border-radius:50%;background:#e6dff2;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem;overflow:hidden}.avatar.large{width:90px;height:90px}.avatar img{width:100%;height:100%;object-fit:cover}.progress-bar{height:12px;background:#f3e6de;border-radius:999px;margin:1rem 0;overflow:hidden}.progress-fill{height:100%;background:#8b6fbf;border-radius:999px}button{background:#8b6fbf;color:#fff;border:none;padding:.7rem 1rem;border-radius:12px;cursor:pointer;transition:.2s}button:hover{background:#7457a8}.back{margin-bottom:1rem}ul{list-style:none;padding:0}.task{background:#f3e6de;padding:.8rem 1rem;border-radius:12px;margin-bottom:.6rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s}.task:hover{transform:translateY(-1px)}.task.completed{background:#e6dff2;opacity:.95}.task.completed .task-text{text-decoration:line-through;color:#7c6b95}.task-text{transition:.2s}.task-form{display:flex;gap:.5rem;margin-bottom:1rem}.task-form input{padding:.5rem;border-radius:8px;border:1px solid #ddd}.task-actions{display:flex;gap:.5rem;align-items:center}li{background:#f3e6de;padding:.8rem 1rem;border-radius:12px;margin-bottom:.6rem;display:flex;justify-content:space-between}.add-child-trigger{background:#8b6fbf;color:#fff;border:none;padding:1rem 1.2rem;border-radius:16px;font-size:1rem;cursor:pointer;width:fit-content}.modal-overlay{position:fixed;inset:0;background:#281e3c59;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-card{background:#fff;width:100%;max-width:460px;padding:1.5rem;border-radius:24px;box-shadow:0 20px 50px #00000026;display:grid;gap:1rem}.modal-card input[type=text]{padding:.85rem 1rem;border-radius:12px;border:1px solid #ddd;font:inherit}.modal-header{display:flex;align-items:center;justify-content:space-between}.close-modal{background:transparent;color:#8b6fbf;border:none;font-size:1.1rem;padding:.25rem .5rem;cursor:pointer}.avatar-picker{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-option{background:#f3e6de;color:#333;border:none;border-radius:12px;padding:.6rem .8rem;font-size:1.4rem}.avatar-option.active{background:#8b6fbf;color:#fff}.upload-label{background:#f3e6de;padding:.8rem 1rem;border-radius:12px;display:inline-block;cursor:pointer}.upload-label input{display:none}.upload-preview{width:70px;height:70px;border-radius:50%;overflow:hidden;background:#e6dff2}.upload-preview img{width:100%;height:100%;object-fit:cover}.dashboard-actions{margin-bottom:1.5rem}.child-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.delete-child-btn{background:#eadff5;color:#6f549f}.delete-child-btn:hover{background:#dbcdf0}.card-buttons{display:flex;flex-direction:row;align-items:end;justify-content:space-between;margin-top:2rem}@media(max-width:768px){.app{padding:1rem}.header{margin-bottom:1.5rem}.child-grid{grid-template-columns:1fr}.child-card,.profile-card,.modal-card{padding:1.25rem}.card-buttons{width:100%;display:flex;flex-direction:column;gap:.5rem;padding-top:2rem}.card-buttons button{width:100%}.task-form{flex-direction:column}.task-form input,.task-form button{width:100%}.dashboard-actions{margin-bottom:1rem}.add-child-trigger{width:100%}}