body { margin:0; font-family:Arial; background:#111; color:#fff; }
.container { max-width:1200px; margin:auto; padding:20px; }
.grid { display:grid; grid-template-columns:2fr 1fr; gap:20px; }
.card { background:#1c1c1c; border-radius:14px; padding:15px; }
.chart { height:420px; }
canvas { width:100%!important; height:100%!important; }
.sales-list { list-style:none; padding:0; }
.sales-list li { padding:6px 0; border-bottom:1px solid #333; }
.controls { margin-bottom:10px; }

@media(max-width:800px){
  .grid { grid-template-columns:1fr; }
}

.sales-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sales-list li {
    padding: 10px 0;
    border-bottom: 1px solid #2a2a2a;
}

.sale-main {
    font-size: 14px;
    color: #fff;
}

.sale-meta {
    font-size: 12px;
    color: #aaa;
    margin-top: 2px;
}

.muted {
    color: #888;
    font-size: 13px;
}