.amf-p137-role{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid}
.amf-p137-role.reseller{color:#1769cf;background:#eef6ff;border-color:#cfe2fb}
.amf-p137-role.dist{color:#7b4bc2;background:#f6f0ff;border-color:#e4d7fa}
.amf-p137-role.big{color:#a05c08;background:#fff7e7;border-color:#f3deb7}
.amf-p137-edit{border:1px solid #c9dcf7;background:#f5f9ff;color:#1769cf;padding:6px 12px;border-radius:9px;font-size:10px;font-weight:800;cursor:pointer}
.amf-p137-edit:hover{background:#1769cf;color:#fff;border-color:#1769cf}

.amf-p137-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:rgba(9,24,44,.46);backdrop-filter:blur(4px)}
.amf-p137-dialog{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid #dce6f2;border-radius:20px;box-shadow:0 24px 70px rgba(8,31,63,.24);padding:20px}
.amf-p137-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #edf2f7}
.amf-p137-dialog-head>div{display:grid;gap:3px}.amf-p137-dialog-head strong{font-size:18px;color:#1d3149}.amf-p137-dialog-head span{font-size:11px;color:#8795a7}
.amf-p137-close{width:34px;height:34px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#607086;font-size:22px;cursor:pointer}
.amf-p137-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}
.amf-p137-grid label{display:grid;gap:6px;color:#53647a;font-size:11px;font-weight:700}.amf-p137-grid label.wide{grid-column:1/-1}
.amf-p137-grid input,.amf-p137-grid select{width:100%;box-sizing:border-box;border:1px solid #d9e3ee;border-radius:11px;background:#fff;color:#203249;padding:10px 11px;font-size:12px;outline:none}
.amf-p137-grid input:focus,.amf-p137-grid select:focus{border-color:#4b8de5;box-shadow:0 0 0 3px rgba(43,119,216,.09)}
.amf-p137-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.amf-p137-cancel,.amf-p137-save{padding:9px 14px;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer}
.amf-p137-cancel{border:1px solid #dce4ee;background:#fff;color:#5c6b7e}.amf-p137-save{border:1px solid #1569d2;background:#1569d2;color:#fff}
.amf-p137-save:disabled{opacity:.55;cursor:not-allowed}
.amf-p137-msg{margin-top:10px;font-size:11px}.amf-p137-msg.ok{color:#168052}.amf-p137-msg.err{color:#c64040}

.amf-p137-record{margin-top:20px;background:#fff;border:1px solid #e1e9f2;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(19,48,84,.045)}
.amf-p137-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #e8eef5}
.amf-p137-record-head h3{margin:0 0 3px;font-size:16px;color:#20334a}.amf-p137-record-head p{margin:0;color:#8996a6;font-size:10.5px}.amf-p137-record-head>span{white-space:nowrap;background:#f2f6fb;border:1px solid #e2eaf3;color:#65758a;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}
.amf-p137-record-scroll{overflow-x:auto}.amf-p137-record table{width:100%;border-collapse:collapse;min-width:880px}
.amf-p137-record th{padding:11px 13px;background:#f8fafc;border-bottom:1px solid #e8eef5;color:#65758a;font-size:9px;text-transform:uppercase;letter-spacing:.05em;text-align:left}
.amf-p137-record td{padding:12px 13px;border-bottom:1px solid #edf2f7;color:#536379;font-size:10.5px;vertical-align:middle}
.amf-p137-record tbody tr:last-child td{border-bottom:0}.amf-p137-record td:nth-child(2){display:flex;align-items:center;gap:7px}.amf-p137-record td:nth-child(2) strong{font-size:10px;color:#2d4058;white-space:nowrap}
.amf-p137-record .money{font-weight:850;color:#118155}.amf-p137-status{display:inline-flex;padding:4px 7px;border-radius:7px;background:#eaf8f1;color:#16754b;font-size:8.5px;font-weight:800}.amf-p137-record .empty{text-align:center!important;color:#9ba6b2!important;padding:26px!important}

@media(max-width:640px){
 .amf-p137-dialog{padding:16px;border-radius:17px}.amf-p137-grid{grid-template-columns:1fr}.amf-p137-grid label.wide{grid-column:auto}
 .amf-p137-record-head{padding:14px}.amf-p137-record-head h3{font-size:14px}
}

.amf-p137-dialog-actions{align-items:center}
.amf-p137-actions-spacer{flex:1}
.amf-p137-delete{padding:9px 14px;border-radius:10px;font-size:11px;font-weight:850;cursor:pointer;border:1px solid #fecaca;background:#fff5f5;color:#b42318}
.amf-p137-delete:hover{background:#fee2e2;border-color:#fca5a5}.amf-p137-delete:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:640px){.amf-p137-dialog-actions{flex-wrap:wrap}.amf-p137-delete{width:100%;order:3}.amf-p137-actions-spacer{display:none}}


.amf-admin-reseller-native .amf-p382-role-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;width:max-content!important;max-width:100%!important}
.amf-admin-reseller-native .amf-p382-kelola{appearance:none!important;-webkit-appearance:none!important;font-family:inherit!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:64px!important;min-height:30px!important;padding:6px 12px!important;border:1px solid #bcd7f4!important;border-radius:9px!important;background:#f3f8ff!important;color:#1769cf!important;text-decoration:none!important;font-size:10px!important;line-height:1!important;font-weight:850!important;white-space:nowrap!important;box-shadow:0 2px 7px rgba(23,105,207,.07)!important;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;touch-action:manipulation!important}
.amf-admin-reseller-native .amf-p382-kelola:hover,.amf-admin-reseller-native .amf-p382-kelola:focus-visible{background:#1769cf!important;border-color:#1769cf!important;color:#fff!important;text-decoration:none!important;box-shadow:0 5px 13px rgba(23,105,207,.18)!important;outline:0!important}
@media(max-width:640px){.amf-admin-reseller-native .amf-p382-role-actions{gap:6px!important}.amf-admin-reseller-native .amf-p382-kelola{min-width:68px!important;min-height:32px!important;padding:7px 12px!important;font-size:11px!important}}


.amf-admin-reseller-native .w-11.h-11{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  overflow:hidden!important;
  border-radius:12px!important;
}
.amf-admin-reseller-native .w-11.h-11>img{
  display:block!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
}
.amf-admin-reseller-native table tbody td:first-child>div{
  min-width:0!important;
  align-items:center!important;
}
.amf-admin-reseller-native table tbody td:first-child>div>span{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:640px){
  .amf-admin-reseller-native .w-11.h-11,
  .amf-admin-reseller-native .w-11.h-11>img{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
  .amf-admin-reseller-native .w-11.h-11{flex-basis:40px!important;border-radius:10px!important}
}