.group-new{margin-left:auto}.group-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.group-card{background:var(--color-surface);border:4px solid var(--color-border);border-radius:var(--radius-medium);flex-direction:column;gap:12px;padding:14px 18px;display:flex}.group-card:hover{border-color:var(--color-primary)}.group-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.group-card-names{flex-direction:column;gap:2px;min-width:0;display:flex}.group-card-name{font-family:var(--display);color:var(--color-heading);font-size:1.8rem;line-height:1.1}.group-card .handle{font-size:1rem}.group-members{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.group-member{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-small);align-items:center;gap:8px;padding:4px 10px 4px 4px;font-weight:600;display:inline-flex}.group-member .av{border-width:3px;width:34px;height:34px;font-size:.8rem}.group-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.group-action{background:var(--color-surface);border:3px solid var(--color-primary);border-radius:var(--radius-small);color:var(--color-heading);align-items:center;gap:6px;padding:6px 12px;font-size:1.05rem;font-weight:600;display:inline-flex}.group-action:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-strong)}.group-action--danger{border-color:var(--color-danger);color:var(--color-danger)}.group-action--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-on-strong)}.group-editor{text-align:left}.group-editor h2{text-align:center}.group-editor-name{flex-direction:column;gap:6px;margin-bottom:14px;font-size:1.1rem;font-weight:600;display:flex}.group-editor-name input{font:600 1.2rem var(--body);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-small);padding:10px}.group-editor-name input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.group-editor-heading{font-family:var(--display);color:var(--color-heading);margin:0 0 8px;font-size:1.4rem;font-weight:400}.split-group{flex-direction:column;gap:10px;padding:18px 24px;display:flex}.split-group-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.split-group-header h2{font-size:2rem}.split-group-options{flex-wrap:wrap;gap:8px;display:flex}.split-group-options .option-button{min-width:0;padding:8px 14px;font-size:1.1rem}.split-group-status{color:var(--color-heading);margin:0;font-weight:600}@media (width<=720px){.group-new{margin-left:0}.group-card{gap:10px;padding:10px 12px}.group-card-name{font-size:1.4rem}.group-card-top .group-action{justify-content:center;width:100%}.group-member{font-size:.95rem}.group-member .av{width:28px;height:28px}.group-card-actions .group-action{flex:1;justify-content:center}.group-action{padding:6px 10px;font-size:.95rem}.group-editor-name input{font-size:1.05rem}.split-group{padding:14px}.split-group-header h2{font-size:1.6rem}.split-group-options{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.split-group-options .option-button{flex:none;font-size:1rem}}.trip-banner{background:var(--color-surface);border:3px dashed var(--color-primary);border-radius:var(--radius-medium);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:flex}.trip-banner>svg{color:var(--color-heading);flex:none;font-size:1.5rem}.trip-banner input{min-width:0;font:600 1rem var(--body);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-small);flex:160px;padding:6px 8px}.trip-banner input:focus{border-color:var(--color-primary);outline:none}.trip-banner--active{background:var(--color-surface-highlight);border-style:solid}.trip-banner-text{flex:200px}.trip-banner .error-text{flex-basis:100%;margin:0}.trip-filter{align-self:flex-start}@media (width<=720px){.trip-banner .group-action{flex:100%;justify-content:center}.trip-banner input{flex:1 1 0}}.budget-bar{flex-direction:column;gap:4px;width:100%;font-size:1rem;font-weight:600;display:flex}.budget-bar-labels{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.budget-bar-track{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-small);height:14px;overflow:hidden}.budget-bar-fill{background:var(--color-primary);height:100%}.budget-bar--close .budget-bar-fill{background:var(--color-info)}.budget-bar--over .budget-bar-fill{background:var(--color-danger)}.budget-bar--over .budget-bar-labels span:last-child{color:var(--color-danger)}