.family-columns{display:flex;gap:16px}@media (max-width:768px){.family-columns{flex-direction:column}}.family-col{flex:1;min-width:0}.family-col h3{font-size:0.95em;color:var(--text-heading);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px}.ungrouped-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px}.ungrouped-list{max-height:250px;overflow-y:auto;margin-bottom:10px}.ungrouped-row{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:0.85em;color:var(--text-primary);cursor:pointer;border-radius:3px}.ungrouped-row:hover{background:var(--bg-item-hover)}.ungrouped-checkbox{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.ungrouped-actions{display:flex;gap:8px;align-items:center}.family-select{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:0.85em}.btn-family-action{padding:6px 12px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:4px;cursor:pointer;font-size:0.82em;font-weight:600}.btn-family-action:hover{background:var(--accent-hover)}.families-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px}.create-family-row{display:flex;gap:8px;margin-bottom:12px}.family-name-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:0.85em}.family-card{background:var(--bg-item);border:1px solid var(--border);border-radius:6px;padding:10px;margin-bottom:8px}.family-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.family-card-name{font-weight:600;color:var(--teal);font-size:0.9em}.btn-delete-family{background:none;border:none;color:var(--accent);cursor:pointer;font-size:1.2em;padding:0 4px}.btn-delete-family:hover{color:var(--red-muted);background:none}.family-members{display:flex;flex-direction:column;gap:3px}.family-member{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;font-size:0.82em;color:var(--text-secondary);border-radius:3px}.family-member:hover{background:var(--bg-item-hover)}.btn-remove-member{background:none;border:none;color:var(--accent);cursor:pointer;font-size:0.95em;padding:0 3px}.btn-remove-member:hover{color:var(--red-muted);background:none}