html { font-size: 15px; }
body { background: #f6f8fb; color: #243044; }
.navbar-brand { letter-spacing: .2px; }
.hero-panel { background: linear-gradient(135deg, #0d6efd, #274690); color: white; }
.card { border-radius: 1rem; }
.form-card { max-width: 680px; }
.table > :not(caption) > * > * { padding: .9rem .85rem; }
.detail-box, .delivery-box { background: #f8f9fa; border: 1px solid #e7eaf0; border-radius: .85rem; padding: 1rem; display: flex; flex-direction: column; gap: .25rem; }
.detail-box span, .delivery-box span { color: #6c757d; font-size: .9rem; }
.delivery-box { background: #eef6ff; border-color: #cfe2ff; }
.text-danger { font-size: .88rem; }