.omp-front-wrap {
	display: grid; grid-template-columns: 1fr 1.2fr; gap: 24px;
	font-family: 'Noto Sans Bengali', system-ui, sans-serif; color: #1f2937;
}
.omp-front-card {
	background: #fff; border-radius: 14px; padding: 24px;
	box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.omp-front-card h2 { margin-top: 0; font-size: 18px; color: #4338ca; }

.omp-front-form label { display: block; font-weight: 600; font-size: 13px; margin: 12px 0 5px; }
.omp-front-form input, .omp-front-form select, .omp-front-form textarea {
	width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 14px;
}
.omp-front-form input:focus, .omp-front-form select:focus, .omp-front-form textarea:focus {
	outline: none; border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}
.omp-front-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.omp-front-grid.three { grid-template-columns: repeat(3, 1fr); }

.omp-btn-primary {
	margin-top: 18px; background: linear-gradient(135deg,#6366f1,#4338ca); color: #fff; border: none;
	padding: 12px 22px; border-radius: 30px; font-weight: 700; cursor: pointer; font-size: 14px;
}
.omp-btn-primary:hover { opacity: .92; }
.omp-btn-secondary {
	margin-top: 18px; margin-left: 8px; background: #e5e7eb; border: none; padding: 12px 22px;
	border-radius: 30px; font-weight: 700; cursor: pointer; font-size: 14px;
}

.omp-front-msg { font-size: 13px; margin-bottom: 6px; }
.omp-front-msg.success { color: #059669; }
.omp-front-msg.error { color: #dc2626; }

.omp-table-wrap { overflow-x: auto; }
.omp-front-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.omp-front-table th, .omp-front-table td { padding: 10px 8px; border-bottom: 1px solid #f0f0f0; text-align: left; white-space: nowrap; }
.omp-front-table th { color: #6b7280; font-size: 11px; text-transform: uppercase; }

.omp-badge { padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; color: #fff; }
.omp-badge-pending { background: #f59e0b; }
.omp-badge-confirmed { background: #3b82f6; }
.omp-badge-packed { background: #8b5cf6; }
.omp-badge-shipped { background: #06b6d4; }
.omp-badge-completed { background: #10b981; }
.omp-badge-cancelled { background: #ef4444; }

.omp-link-btn { background: none; border: none; color: #4338ca; cursor: pointer; font-size: 12px; font-weight: 700; text-decoration: underline; margin-right: 8px; }

.omp-notice { padding: 14px 18px; background: #fef3c7; border-radius: 8px; }

@media (max-width: 860px) {
	.omp-front-wrap { grid-template-columns: 1fr; }
	.omp-front-grid, .omp-front-grid.three { grid-template-columns: 1fr; }
}