body { font-family: Tahoma, Arial, sans-serif; line-height: 1.7; }
.brand strong, .top h1, .panel h2, .notice h3 { font-family: Tahoma, Arial, sans-serif; }
.nav button, .table th { text-align: start; }
.eyebrow, .brand small, .table th { letter-spacing: normal; }
.avatar { margin-left: 0; margin-inline-start: 8px; }
.side-foot b { display: inline-block; direction: ltr; }
.field input, .field select { font: inherit; text-align: start; min-width: 0; }
.field input[type="date"] { direction: ltr; }
.panel { overflow-x: auto; }
.demo-banner { padding: 10px 18px; background: #fff0cf; color: #704c16; text-align: center; font-size: 12px; }
button:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 560px) {
  .main { min-width: 0; padding: 20px 12px; }
  .side { width: 68px; flex-shrink: 0; padding: 20px 6px; }
  .top { display: block; }
  .top h1 { font-size: 23px; line-height: 1.6; }
  .actions { margin-top: 14px; flex-wrap: wrap; }
  .nav button { padding: 10px 2px; }
  .nav button span { display: block; font-size: 10px; line-height: 1.8; }
  .panel { padding: 14px; }
  .panel-head { gap: 8px; flex-wrap: wrap; }
  .order { grid-template-columns: 1fr; }
  .demo-banner { padding: 8px 10px; font-size: 11px; }
}