#screen-login {
	.groups-grid {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 20px;
	}
	.group-card {
		padding: 14px 16px;
		border: 1px solid var(--panel-border);
		border-radius: 14px;
		background: #fafafa;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.group-card-top {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 8px;
	}
	.group-card-info { display: flex; flex-direction: column; gap: 3px; }
	.group-card-name { font-weight: 700; font-size: 0.95rem; }
	.group-card-code {
		font-size: 0.72rem;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--muted);
		font-family: system-ui, sans-serif;
		font-weight: 700;
	}
	.group-badge {
		padding: 2px 8px;
		border-radius: 999px;
		font-size: 0.68rem;
		font-weight: 800;
		font-family: system-ui, sans-serif;
		letter-spacing: 0.04em;
		white-space: nowrap;
	}
	.group-badge--league     { background: #e8f0fe; color: #1a56db; }
	.group-badge--tournament { background: #fef9e7; color: #856404; }
	.group-badge--table      { background: #eef0f8; color: #2457d6; }
	.group-badge--open       { background: #eafaf1; color: #1a7a4a; }
	.group-badge--unpaid     { background: #fdf2f2; color: #c0392b; }
	.group-badge--predicted  { background: #eafaf1; color: #1a7a4a; }
	.group-card-prize {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 8px 0 4px;
		border-top: 1px solid var(--panel-border);
		flex-wrap: wrap;
	}
	.group-card-prize-label {
		font-size: 0.72rem;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		font-family: system-ui, sans-serif;
		font-weight: 800;
		color: var(--muted);
		flex-shrink: 0;
	}
	.group-card-prize-value {
		font-family: system-ui, sans-serif;
		font-weight: 800;
		font-size: 1rem;
		color: var(--text);
	}
	.group-card-prize-meta {
		font-family: system-ui, sans-serif;
		font-size: 0.75rem;
		color: var(--muted);
		margin-left: auto;
	}
	.group-card-actions { display: flex; gap: 8px; flex-wrap: wrap; }
	.btn-sm {
		padding: 7px 14px;
		border-radius: 999px;
		border: 1px solid var(--panel-strong);
		background: #fff;
		color: var(--text);
		font-family: inherit;
		font-size: 0.82rem;
		font-weight: 700;
		cursor: pointer;
		text-decoration: none;
		display: inline-flex;
		align-items: center;
	}
	.btn-sm:hover { background: #f5f5f5; }
	.btn-sm--accent { background: var(--accent); color: #fff; border-color: var(--accent); }
	.btn-sm--accent:hover { opacity: 0.88; background: var(--accent); }
	.join-btn {
		width: 100%;
		padding: 12px 18px;
		border-radius: 999px;
		border: 2px dashed var(--panel-strong);
		background: transparent;
		color: var(--muted);
		font-family: inherit;
		font-size: 0.9rem;
		font-weight: 700;
		cursor: pointer;
		text-align: center;
	}
	.join-btn:hover { border-color: var(--accent); color: var(--accent); background: rgba(36,87,214,0.04); }
	.empty-groups {
		color: var(--muted);
		font-style: italic;
		font-size: 0.9rem;
		text-align: center;
		padding: 24px 0 12px;
	}
	.dashboard-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.dashboard-title { margin: 0; font-size: 1.3rem; letter-spacing: -0.02em; }
	.logout-btn {
		padding: 7px 14px;
		border-radius: 999px;
		border: 1px solid var(--panel-strong);
		background: #fff;
		color: var(--muted);
		font-family: inherit;
		font-size: 0.82rem;
		font-weight: 700;
		cursor: pointer;
		display: inline-block;
		text-decoration: none;
	}
	.logout-btn:hover { background: #f5f5f5; }
}