/* Matgary dashboard layout */
.dash { display: flex; min-height: 100vh; }
.side { width: 230px; background: #0f172a; color: #fff; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.side h2 { margin: 0 0 10px; font-size: 1.1rem; }
.side button { text-align: start; background: transparent; border: 0; color: #cbd5e1; padding-inline: 12px; padding-block: 10px; border-radius: var(--radius-md); cursor: pointer; }
.side button.active, .side button:hover { background: #1e293b; color: #fff; }
.main { flex: 1; padding: 20px; max-width: 1100px; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-block: 14px; }
.stat { padding: 14px; }
.stat b { font-size: 1.4rem; display: block; }
.login-wrap { min-height: 100vh; display: grid; place-items: center; padding: 16px; }
.login-card { width: min(400px, 94vw); padding: 22px; }
.modal { position: fixed; inset: 0; display: none; place-items: center; padding: 16px; z-index: 50; }
.modal.open { display: grid; }
.modal::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.45); }
.modal-card { position: relative; background: #fff; border-radius: var(--radius-lg); padding: 20px; width: min(620px, 94vw); max-height: 88vh; overflow: auto; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.thumb { width: 100%; max-height: 160px; object-fit: cover; border-radius: var(--radius-md); border: 1px solid var(--color-border); }
.status-pending { background: #fef3c7; color: #92400e; }
.status-preparing { background: #dbeafe; color: #1e40af; }
.status-delivered { background: #d1fae5; color: #065f46; }
.status-cancelled { background: #fee2e2; color: #991b1b; }