body {
width: 800px;
padding: 30px;
background: linear-gradient(135deg, #062c22 0%, #0a4033 100%);
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
color: #ffffff;
margin: 0;
}
.header {
text-align: center;
border-bottom: 3px solid #c9a054;
padding-bottom: 20px;
margin-bottom: 25px;
}
.header h1 {
color: #ffffff;
font-size: 26px;
margin: 0 0 10px 0;
}
.header p {
color: #cbd5e1;
font-size: 15px;
margin: 0;
}
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.section-box {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
padding: 15px;
}
.section-title {
font-size: 16px;
color: #c9a054;
font-weight: bold;
margin-bottom: 12px;
border-right: 4px solid #c9a054;
padding-right: 8px;
}
.item-row {
display: flex;
justify-content: space-between;
padding: 6px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
font-size: 14px;
}
.item-name { color: #f1f5f9; }
.item-price { color: #ffffff; font-weight: bold; }
.full-width { grid-column: span 2; }
.footer-box {
background: #c9a054;
color: #062c22;
text-align: center;
padding: 15px;
border-radius: 10px;
margin-top: 25px;
font-weight: bold;
}
.footer-box p { margin: 5px 0; font-size: 16px; }
.numbers { font-size: 20px; letter-spacing: 1px; }