.chardas-login { max-width: 360px; }
.chardas-login input { width: 100%; }
.chardas-error { color: #b32d2e; }
.chardas-grid-wrap { overflow-x: auto; }
.chardas-grid { width: 100%; border-collapse: collapse; }
.chardas-grid th, .chardas-grid td { padding: .5em .75em; border: 1px solid #ddd; text-align: left; }
.chardas-grid th { background: #f5f5f5; }
.chardas-grid td:last-child { text-align: right; }
@media (max-width: 600px) {
	.chardas-grid thead { display: none; }
	.chardas-grid tr, .chardas-grid td { display: block; }
	.chardas-grid tr { margin-bottom: 1em; }
	.chardas-grid td { text-align: right; }
	.chardas-grid td::before { content: attr(data-label); float: left; font-weight: 600; }
}