css dashboard practice

.page { padding: 30px; }

.dashboard-section {
margin-bottom: 40px;
max-width: 500px;
}

.dashboard-section h2 { margin-bottom: 15px; }

.dashboard-section input,
.dashboard-section textarea {
display: block;
width: 100%;
padding: 10px;
margin-bottom: 12px;
border-radius: 6px;
border: 1px solid #ccc;
font-family: 'Gluten', cursive;
font-size: 14px;
color: #144A5C;
}

.dashboard-section textarea { height: 80px; resize: none; }

.dashboard-section button {
background: #A2C24A;
color: white;
border: none;
padding: 10px 20px;
border-radius: 6px;
cursor: pointer;
font-family: 'Gluten', cursive;
font-size: 14px;
}

.error {
color: white;
background: red;
padding: 10px;
border-radius: 6px;
margin-bottom: 10px;
}

.success {
color: white;
background: #A2C24A;
padding: 10px;
border-radius: 6px;
margin-bottom: 10px;
}

.order-card {
border: 1px solid #ccc;
border-radius: 8px;
padding: 16px;
margin-bottom: 10px;
}

.order-product { font-weight: 700; margin-bottom: 8px; color: #144A5C; }