.ofm-front-panel, .ofm-front-dashboard { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 18px; box-shadow: 0 10px 30px rgba(15, 23, 42, .08); }
.ofm-login-box { max-width: 420px; margin: 24px auto; }
.ofm-button, .ofm-front-panel input[type="submit"] { background: #0f172a; color: #fff !important; border-radius: 10px; padding: 10px 14px; text-decoration: none; display: inline-block; border: 0; }
.ofm-front-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 14px 0 24px; }
.ofm-front-cards > div, .ofm-front-order-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 14px; }
.ofm-front-cards span { display: block; color: #64748b; font-size: 13px; margin-bottom: 6px; }
.ofm-front-cards strong { font-size: 20px; }
.ofm-front-orders { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.ofm-front-order-card { display: grid; grid-template-columns: 80px 1fr auto; gap: 8px; align-items: center; }
.ofm-front-order-card em { grid-column: 1 / -1; color: #075985; font-style: normal; font-weight: 600; }
@media (max-width: 760px) {
  .ofm-front-cards, .ofm-front-orders { grid-template-columns: 1fr; }
  .ofm-front-order-card { grid-template-columns: 1fr; }
}