.om-management { position: relative; max-width: 1600px; margin: 0 auto; color: #10264a; }
.om-management .om-page-action { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.om-management .om-page-action .button { height: 42px; padding-inline: 17px; box-shadow: 0 3px 8px rgba(20,121,232,.18); }
.om-management .om-page-action svg { width: 17px; }
.om-management .om-card, .om-management .om-notes section { border: 1px solid #d9e3f0; border-radius: 8px; background: #fff; box-shadow: var(--shadow); }
.om-management .om-card { overflow: hidden; }
.om-management .om-toolbar { min-height: 64px; display: grid; grid-template-columns: minmax(300px, 1fr) 250px 250px 42px; gap: 12px; align-items: center; padding: 10px 12px; border-bottom: 1px solid #e4eaf2; }
.om-management .om-search { height: 42px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid #d7e0eb; border-radius: 7px; background: #fff; }
.om-management .om-search svg { width: 18px; flex: 0 0 18px; color: #315c8c; }
.om-management .om-search input { width: 100%; border: 0 !important; outline: 0; background: transparent; font-size: 13px; }
.om-management .om-toolbar select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid #d7e0eb; background: #fff; font-size: 13px; }
.om-management .om-refresh { width: 42px; height: 42px; display: grid; place-items: center; padding: 0; border: 1px solid #d7e0eb; border-radius: 7px; background: #fff; color: #174578; }
.om-management .om-refresh:hover { background: #edf5ff; color: var(--brand); }
.om-management .om-refresh svg { width: 17px; }
.om-management .om-table-wrap { width: 100%; overflow-x: auto; }
.om-management .om-table { width: 100%; min-width: 950px; border-collapse: collapse; table-layout: fixed; }
.om-management .om-table th { height: 49px; padding: 0 16px; border-bottom: 1px solid #dfe6ef; background: #f8fafc; color: #10264a; font-size: 12px; font-weight: 750; text-align: left; }
.om-management .om-table td { height: 54px; padding: 8px 16px; border-bottom: 1px solid #e8edf3; color: #18365d; font-size: 13px; }
.om-management .om-table th:last-child, .om-management .om-table td:last-child { width: 165px; text-align: center; }
.om-management .om-table tbody tr:hover { background: #f8fbff; }
.om-management .om-badge { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 9px; border-radius: 6px; font-size: 11px; font-weight: 650; white-space: nowrap; }
.om-management .om-badge.is-active { background: #def7ed; color: #0f936e; }
.om-management .om-badge.is-inactive { background: #ffe8e8; color: #f02d25; }
.om-management .om-actions { display: flex; justify-content: center; align-items: center; gap: 9px; }
.om-management .om-action { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 6px; background: #eaf3ff; color: #0875ed; }
.om-management .om-action:hover { background: #dbeaff; }
.om-management .om-action svg { width: 16px; }
.om-management .om-switch { display: inline-flex; cursor: pointer; }
.om-management .om-switch input { position: absolute; opacity: 0; pointer-events: none; }
.om-management .om-switch i { width: 29px; height: 16px; padding: 2px; border-radius: 10px; background: #cbd5e1; transition: background .15s; }
.om-management .om-switch i::after { width: 12px; height: 12px; display: block; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); content: ''; transition: transform .15s; }
.om-management .om-switch input:checked + i { background: #28b99b; }
.om-management .om-switch input:checked + i::after { transform: translateX(13px); }
.om-management .om-empty { height: 180px !important; color: #75849a !important; text-align: center; }
.om-management .om-footer { min-height: 58px; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 8px 14px; color: #52647c; font-size: 12px; }
.om-management .om-pagination { display: flex; align-items: center; gap: 7px; }
.om-management .om-pagination button { min-width: 34px; height: 34px; border: 1px solid #d7e0eb; border-radius: 6px; background: #fff; color: #49617d; }
.om-management .om-pagination button.is-current { border-color: #0875ed; color: #0875ed; }
.om-management .om-pagination button:disabled { color: #bdc7d4; cursor: default; }
.om-management .om-pagination select { height: 36px; margin-left: 8px; padding: 0 10px; border: 1px solid #d7e0eb; background: #fff; font-size: 12px; }
.om-management .om-notes { display: grid; grid-template-columns: 1.35fr 1fr; gap: 12px; margin-top: 12px; }
.om-management .om-notes section { min-height: 91px; padding: 11px 16px; }
.om-management .om-notes h2 { margin: 0 0 5px; font-size: 12px; }
.om-management .om-notes p { margin: 3px 0; color: #27486d; font-size: 11px; line-height: 1.55; }
.om-management .om-notes .om-badge { min-height: 22px; padding: 3px 8px; }
.om-modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; }
.om-modal .om-backdrop { position: absolute; inset: 0; background: rgba(9,29,57,.48); }
.om-modal .om-dialog { position: relative; width: min(520px, 100%); max-height: calc(100vh - 40px); overflow: auto; border: 1px solid #cfdced; border-radius: 8px; background: #fff; box-shadow: 0 24px 70px rgba(8,29,57,.28); }
.om-modal .om-dialog header { min-height: 64px; display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; border-bottom: 1px solid #e1e7ef; }
.om-modal .om-dialog h2 { margin: 0; color: #10264a; font-size: 17px; }
.om-modal .om-dialog header button { width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 6px; background: none; color: #10264a; }
.om-modal .om-dialog header button:hover { background: #f0f5fa; }
.om-modal .om-dialog header svg { width: 18px; }
.om-modal .om-form { display: grid; gap: 15px; padding: 22px 20px 26px; }
.om-modal .om-field { display: grid; gap: 7px; color: #18365d; font-size: 12px; font-weight: 700; }
.om-modal em { color: #e42828; font-style: normal; }
.om-modal .om-field input, .om-modal .om-field select { width: 100%; height: 44px; padding: 0 12px; border: 1px solid #d4deeb; border-radius: 6px; background: #fff; color: #18365d; font-size: 13px; }
.om-modal fieldset { display: flex; gap: 22px; margin: 0; padding: 0; border: 0; color: #18365d; font-size: 12px; }
.om-modal fieldset legend { margin-bottom: 8px; font-weight: 700; }
.om-modal fieldset label { display: inline-flex; align-items: center; gap: 6px; }
.om-modal fieldset input { accent-color: #0875ed; }
.om-modal .om-form-error { margin: 0; padding: 9px 11px; border: 1px solid #efc2c2; border-radius: 6px; background: #fff1f1; color: #b73535; font-size: 12px; }
.om-modal .om-form-error[hidden] { display: none; }
.om-modal .om-dialog footer { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px; border-top: 1px solid #e1e7ef; }
@media (max-width: 1000px) { .om-management .om-toolbar { grid-template-columns: 1fr 1fr; }.om-management .om-refresh { justify-self: end; } }
@media (max-width: 650px) { .om-management .om-toolbar { grid-template-columns: 1fr; }.om-management .om-toolbar > * { width: 100%; }.om-management .om-refresh { justify-self: stretch; }.om-management .om-footer { align-items: flex-start; flex-direction: column; }.om-management .om-notes { grid-template-columns: 1fr; }.om-management .om-page-action .button { width: 100%; } }