/* LU88 modern administration theme.  Overlay only: no layout route or form behavior changes. */
:root { --lu88-ink:#14213d; --lu88-muted:#64748b; --lu88-panel:#fff; --lu88-page:#f5f7fb; --lu88-line:#e5eaf3; --lu88-brand:#315efb; --lu88-brand-dark:#2448c8; --lu88-success:#0e9f6e; --lu88-warning:#e68a00; --lu88-danger:#dc4c64; --lu88-shadow:0 8px 28px rgba(28,48,91,.08); }
html,body { background:var(--lu88-page); color:var(--lu88-ink); font-family:Inter,"Noto Sans",Arial,"Microsoft YaHei",sans-serif; }
.wrapper { min-height:100vh; background:var(--lu88-page); }
.main-header .logo { background:linear-gradient(140deg,#132a63,#315efb)!important; box-shadow:0 2px 12px rgba(20,33,61,.18); }
.main-header .navbar { background:#fff!important; border-bottom:1px solid var(--lu88-line); box-shadow:0 1px 8px rgba(15,23,42,.035); }
.main-header .navbar .sidebar-toggle { color:var(--lu88-ink)!important; }
.main-header .navbar .nav>li>a { color:#334155!important; }
.main-sidebar,.left-side { background:#132a63!important; box-shadow:3px 0 18px rgba(20,33,61,.11); }
.sidebar-menu>li.header { color:#94a3b8!important; background:transparent!important; font-size:10px; letter-spacing:.12em; padding-top:22px; }
.sidebar-menu>li>a { color:#dbe7ff!important; border-radius:8px; margin:3px 10px; padding:12px 14px!important; }
.sidebar-menu>li>a:hover,.sidebar-menu>li.active>a,.sidebar-menu>li.menu-open>a { background:rgba(255,255,255,.13)!important; color:#fff!important; }
.sidebar-menu .treeview-menu { background:transparent!important; padding-left:8px; }
.sidebar-menu .treeview-menu>li>a { color:#c0d0ee!important; border-radius:7px; margin:2px 8px; }
.sidebar-menu .treeview-menu>li>a:hover { background:rgba(255,255,255,.08)!important; color:#fff!important; }
.content-wrapper,.right-side { background:var(--lu88-page)!important; }
.content-header { padding:22px 24px 10px!important; }
.content-header h1,.box-title { color:var(--lu88-ink)!important; font-weight:700!important; letter-spacing:-.02em; }
.box,.card,.layui-card { border:1px solid var(--lu88-line)!important; border-radius:12px!important; box-shadow:var(--lu88-shadow)!important; background:var(--lu88-panel)!important; }
.box-header,.card-header,.layui-card-header { border-bottom:1px solid var(--lu88-line)!important; padding:16px 18px!important; background:transparent!important; }
.box-body,.card-body,.layui-card-body { padding:18px!important; }
.form-control,.layui-input,.layui-select,.layui-textarea,select,input[type=text],input[type=password] { border:1px solid #d7deea!important; border-radius:7px!important; box-shadow:none!important; min-height:38px; }
.form-control:focus,.layui-input:focus,.layui-textarea:focus,select:focus,input:focus { border-color:var(--lu88-brand)!important; box-shadow:0 0 0 3px rgba(49,94,251,.14)!important; }
.btn,.layui-btn { border-radius:7px!important; font-weight:600!important; box-shadow:none!important; transition:transform .12s ease,box-shadow .12s ease; }
.btn:hover,.layui-btn:hover { transform:translateY(-1px); box-shadow:0 5px 12px rgba(49,94,251,.18)!important; }
.btn-primary,.layui-btn { background:var(--lu88-brand)!important; border-color:var(--lu88-brand)!important; }
.btn-danger,.layui-btn-danger { background:var(--lu88-danger)!important; border-color:var(--lu88-danger)!important; }
.btn-success,.layui-btn-normal { background:var(--lu88-success)!important; border-color:var(--lu88-success)!important; }
table { border-color:var(--lu88-line)!important; }
table thead tr,table thead th,.layui-table thead tr { background:#f8faff!important; color:#475569!important; font-size:12px; font-weight:700; }
table td,table th,.layui-table td,.layui-table th { border-color:var(--lu88-line)!important; vertical-align:middle!important; }
table tbody tr:hover,.layui-table tbody tr:hover { background:#f7faff!important; }
.label { border-radius:999px!important; padding:.3em .65em!important; font-weight:700!important; }
.pagination>li>a,.pagination>li>span,.layui-laypage a,.layui-laypage span { border-radius:6px!important; margin:0 2px; border-color:var(--lu88-line)!important; }
.layui-layer { border-radius:12px!important; overflow:hidden; box-shadow:0 18px 56px rgba(15,23,42,.22)!important; }
.layui-layer-title { background:#f8faff!important; color:var(--lu88-ink)!important; border-bottom:1px solid var(--lu88-line)!important; }
#lu88-i18n-selector { border-color:var(--lu88-line)!important; border-radius:7px!important; box-shadow:var(--lu88-shadow)!important; }

/* Login: a responsive, keyboard-friendly two-panel control surface. */
body.lu88-login-page { min-height:100vh; background:#0b1633; overflow-x:hidden; }
.lu88-login-shell { min-height:100vh; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr); background:linear-gradient(140deg,#0c1b42,#183b8c 60%,#315efb); }
.lu88-login-hero { position:relative; padding:clamp(42px,8vw,112px); color:#fff; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; }
.lu88-login-hero:before,.lu88-login-hero:after { content:""; position:absolute; border-radius:50%; background:rgba(255,255,255,.08); pointer-events:none; }
.lu88-login-hero:before { width:520px; height:520px; right:-210px; top:-170px; }
.lu88-login-hero:after { width:370px; height:370px; left:-180px; bottom:-140px; }
.lu88-login-brand,.lu88-login-copy { position:relative; z-index:1; }
.lu88-login-brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.08em; font-size:18px; }
.lu88-login-brand-mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:11px; background:rgba(255,255,255,.12); }
.lu88-login-copy h1 { margin:0 0 16px; color:#fff; font-size:clamp(32px,4vw,52px); line-height:1.08; font-weight:800; letter-spacing:-.04em; }
.lu88-login-copy p { max-width:440px; margin:0; color:#cbd9ff; font-size:16px; line-height:1.7; }
.lu88-login-points { list-style:none; margin:32px 0 0; padding:0; color:#e7eeff; display:grid; gap:11px; font-size:14px; }
.lu88-login-points li:before { content:"✓"; display:inline-grid; place-items:center; width:18px; height:18px; margin-right:9px; border-radius:50%; background:#5eead4; color:#123; font-weight:800; font-size:11px; }
.lu88-login-panel { min-height:100%; background:#fff; display:flex; align-items:center; justify-content:center; padding:42px clamp(26px,6vw,82px); }
.lu88-login-card { width:100%; max-width:420px; }
.lu88-login-logo { width:62px; height:62px; object-fit:contain; margin-bottom:24px; border-radius:14px; box-shadow:0 8px 20px rgba(49,94,251,.13); }
.lu88-login-card h2 { color:var(--lu88-ink); margin:0 0 8px; font-size:28px; font-weight:800; letter-spacing:-.035em; }
.lu88-login-card .lead { color:var(--lu88-muted); margin-bottom:28px; line-height:1.6; }
.lu88-login-card label { color:#334155; font-size:13px; font-weight:700; margin-bottom:7px; }
.lu88-login-card .form-control { height:46px; padding:10px 13px; }
.lu88-login-card .btn-login { height:46px; width:100%; display:flex; align-items:center; justify-content:center; gap:8px; border-radius:8px!important; }
.lu88-login-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 24px; color:var(--lu88-muted); font-size:13px; }
.lu88-login-meta a { color:var(--lu88-brand); font-weight:700; }
.lu88-login-footer { margin-top:26px; color:#94a3b8; font-size:12px; text-align:center; }
.lu88-statistics-page .lu88-page-header { padding:24px 28px 14px!important; margin:0; background:transparent; border:0; }
.lu88-statistics-page .lu88-page-header h1 { margin:0; font-size:24px; line-height:1.25; font-weight:800; color:var(--lu88-ink); }
.lu88-statistics-page .lu88-page-header .breadcrumb { margin:8px 0 0; padding:0; background:transparent; font-size:12px; color:var(--lu88-muted); }
.lu88-statistics-page .lu88-page-content { padding:0 28px 30px!important; }
.lu88-statistics-page .box { overflow:hidden; }
.lu88-statistics-page .box-header.with-border { min-height:58px; display:flex; align-items:center; justify-content:space-between; padding:15px 18px!important; }
.lu88-statistics-page .box-title { font-size:16px!important; font-weight:750!important; }
.lu88-statistics-page .box-controls { display:flex; align-items:center; gap:5px; margin:0; }
.lu88-statistics-page .box-body { padding:18px!important; }
.lu88-statistics-page .ibox-content { padding:0; background:transparent; border:0; }
.lu88-statistics-page form.layui-form,.lu88-statistics-page form.layui-form1 { display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px 14px; margin:0 0 18px; padding:16px; border:1px solid var(--lu88-line); border-radius:10px; background:#f8faff; }
.lu88-statistics-page .layui-form-item,.lu88-statistics-page .layui-inline { margin:0!important; }
.lu88-statistics-page .layui-form-label { width:auto!important; padding:9px 0!important; color:#475569; font-weight:650; text-align:left!important; }
.lu88-statistics-page .layui-input-inline { margin:0!important; min-width:160px; }
.lu88-statistics-page .layui-elem-quote { margin:0 0 16px; padding:12px 14px!important; border:0!important; border-left:3px solid var(--lu88-brand)!important; border-radius:0 8px 8px 0; background:#eef3ff!important; color:#334155; }
.lu88-statistics-page .label { display:inline-block; padding:3px 8px; border-radius:999px; background:#e7efff!important; color:#2448c8!important; font-weight:700; }
.lu88-statistics-page .layui-table { margin:0!important; background:#fff; }
.lu88-statistics-page .layui-table thead tr,.lu88-statistics-page .layui-table th { background:#f7f9fc!important; color:#475569!important; font-weight:700; }
.lu88-statistics-page .layui-table tbody tr:hover { background:#f8fbff!important; }
.lu88-statistics-page .page { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-top:16px; }
.lu88-statistics-page .ribbon-wrapper-reverse { padding:14px 16px; margin:0 0 16px; border:1px solid var(--lu88-line); border-radius:10px; background:#f8faff; line-height:2; }
.lu88-statistics-page .col-md-2>.box,.lu88-statistics-page .col-md-6>.box { height:100%; }
.lu88-statistics-detail-page { max-width:1440px; margin:0 auto; padding:24px 28px 34px; }
.lu88-statistics-detail-page .ribbon-wrapper-reverse,.lu88-statistics-detail-page .ibox-content,.lu88-statistics-detail-page .layui-colla-item { border:1px solid var(--lu88-line); border-radius:10px; background:#fff; box-shadow:var(--lu88-shadow); }
.lu88-statistics-detail-page .ribbon-wrapper-reverse { padding:18px; margin:0 0 18px; line-height:2.1; }
.lu88-statistics-detail-page .ribbon { display:inline-block; margin:0 12px 8px 0; padding:4px 8px; border-radius:999px; background:#e7efff!important; color:#2448c8!important; }
.lu88-statistics-detail-page .ibox-content { padding:18px; }
.lu88-statistics-detail-page .layui-collapse { border:0; }
.lu88-statistics-detail-page .layui-colla-item { overflow:hidden; margin:0 0 14px; }
.lu88-statistics-detail-page .layui-colla-title { min-height:48px; padding:14px 16px; border:0; background:#f8faff; color:var(--lu88-ink); font-weight:750; }
.lu88-statistics-detail-page .layui-colla-content { padding:0 16px 16px; border:0; }
.lu88-statistics-detail-page .layui-table { margin:0; }
.lu88-system-page .lu88-page-header { padding:24px 28px 14px!important; margin:0; background:transparent; border:0; }
.lu88-system-page .lu88-page-header h1 { margin:0; color:var(--lu88-ink); font-size:24px; font-weight:800; }
.lu88-system-page .lu88-page-header .breadcrumb { margin:8px 0 0; padding:0; background:transparent; color:var(--lu88-muted); font-size:12px; }
.lu88-system-page .lu88-page-content { padding:0 28px 30px!important; }
.lu88-system-page .box { overflow:hidden; }
.lu88-system-page .box-header.with-border { min-height:58px; padding:16px 18px!important; display:flex; align-items:center; gap:12px; }
.lu88-system-page .box-header .text-danger,.lu88-system-page .box-header span[style*="color: red"] { display:block; margin-left:auto; color:var(--lu88-danger)!important; }
.lu88-system-page .box-body { padding:20px!important; }
.lu88-system-page form.layui-form,.lu88-system-page form.layui-form1 { max-width:1080px; }
.lu88-system-page .form-group { margin-bottom:18px!important; }
.lu88-system-page .col-form-label { color:#475569; font-size:13px; font-weight:700; }
.lu88-system-page .form-control { min-height:40px; border-radius:8px!important; }
.lu88-system-page textarea.form-control { min-height:104px; }
.lu88-system-page .layui-table { margin:0!important; }
.lu88-system-page .layui-table thead tr,.lu88-system-page .layui-table th { background:#f7f9fc!important; color:#475569!important; font-weight:700; }
.lu88-system-modal { min-height:100vh; padding:22px; background:var(--lu88-page); }
.lu88-system-modal .box-body { max-width:760px; padding:22px!important; margin:0 auto; border:1px solid var(--lu88-line); border-radius:12px; background:#fff; box-shadow:var(--lu88-shadow); }
.lu88-system-modal .form-group { margin-bottom:17px!important; }
.lu88-system-modal .col-form-label { color:#334155; font-weight:700; }
.lu88-system-modal .form-control { min-height:40px; border-radius:8px!important; }
.lu88-access-page .lu88-page-header { padding:24px 28px 14px!important; margin:0; background:transparent; border:0; }
.lu88-access-page .lu88-page-header h1 { margin:0; color:var(--lu88-ink); font-size:24px; font-weight:800; }
.lu88-access-page .lu88-page-header .breadcrumb { margin:8px 0 0; padding:0; background:transparent; color:var(--lu88-muted); font-size:12px; }
.lu88-access-page .lu88-page-content { padding:0 28px 30px!important; }
.lu88-access-page .box { overflow:hidden; }
.lu88-access-page .box-header.with-border { min-height:58px; padding:16px 18px!important; display:flex; align-items:center; }
.lu88-access-page .box-body { padding:18px!important; }
.lu88-access-page .ibox-content { padding:0; border:0; background:transparent; }
.lu88-access-page .layui-table { margin:0!important; }
.lu88-access-page .layui-table thead tr,.lu88-access-page .layui-table th { background:#f7f9fc!important; color:#475569!important; font-weight:700; }
.lu88-access-modal { min-height:100vh; padding:22px; background:var(--lu88-page); }
.lu88-access-modal .box-body,.lu88-access-modal .ibox-content { max-width:820px; padding:22px!important; margin:0 auto; border:1px solid var(--lu88-line); border-radius:12px; background:#fff; box-shadow:var(--lu88-shadow); }
.lu88-access-modal .input-group { margin-bottom:14px; }
.lu88-access-modal .input-group-addon { min-width:106px; background:#f8faff; color:#475569; border-color:var(--lu88-line); font-weight:700; }
.lu88-access-modal .form-control { min-height:40px; border-radius:0 8px 8px 0!important; }
.lu88-access-modal .layui-input-block { margin-left:0!important; }
@media (max-width:767px) { .lu88-access-page .lu88-page-content { padding:0 14px 22px!important; } .lu88-access-page .lu88-page-header { padding:18px 14px 10px!important; } .lu88-access-modal { padding:14px; } }

/* Merchant management: edit layers retain every legacy field and endpoint. */
.lu88-merchant-modal { min-height:100vh; padding:22px; background:var(--lu88-page); }
.lu88-merchant-modal .box-body { max-width:980px; padding:22px!important; margin:0 auto; border:1px solid var(--lu88-line); border-radius:12px; background:#fff; box-shadow:var(--lu88-shadow); }
.lu88-merchant-modal .layui-table { margin:0!important; }
.lu88-merchant-modal .layui-table th { background:#f7f9fc!important; color:#475569!important; font-weight:700; }
.lu88-merchant-modal .input-group { margin-bottom:14px; }
.lu88-merchant-modal .input-group-addon { min-width:108px; border-color:var(--lu88-line); background:#f8faff; color:#475569; font-weight:700; }
.lu88-merchant-modal .form-control { min-height:40px; border-color:var(--lu88-line); border-radius:0 8px 8px 0!important; }
.lu88-merchant-modal .layui-form-label { color:#475569; font-weight:700; }
.lu88-channel-picker-modal,.lu88-rate-modal { display:flow-root; max-width:1040px; margin:0 auto; }
.lu88-channel-picker-modal button,.lu88-rate-modal button { border-radius:8px!important; box-shadow:none!important; }
.lu88-merchant-info-modal td:first-child { width:34%; color:#64748b; font-weight:700; background:#f8faff; }
.lu88-verify-modal #renzhengtupian { display:flow-root; }
.lu88-verify-modal #renzhengtupian img { border-radius:10px; border:1px solid var(--lu88-line); object-fit:cover; }
.lu88-bankcard-modal .form-group { max-width:680px; margin-left:auto; margin-right:auto; }
.lu88-merchant-dialog .modal-content { overflow:hidden; border:0; border-radius:14px; box-shadow:0 20px 52px rgba(15,23,42,.24); }
.lu88-merchant-dialog .modal-header { background:linear-gradient(135deg,#173b74,#2b6cc4); color:#fff; border:0; }
.lu88-merchant-dialog .modal-body { padding:20px; }
@media (max-width:767px) { .lu88-merchant-modal { padding:14px; } .lu88-merchant-modal .box-body { padding:16px!important; } .lu88-channel-picker-modal .tongdaoleft,.lu88-channel-picker-modal .tongdaoright { width:100%!important; float:none!important; } }

/* Order tools and payout field configuration. */
.lu88-virtual-order-modal .block,.lu88-payout-config-modal .ibox { border:1px solid var(--lu88-line); border-radius:12px; box-shadow:var(--lu88-shadow); overflow:hidden; }
.lu88-virtual-order-modal .block-header,.lu88-payout-config-modal .ibox-title { background:linear-gradient(135deg,#173b74,#2b6cc4)!important; color:#fff!important; border:0!important; }
.lu88-payout-config-modal .ibox-content { padding:22px!important; border:0!important; }
.lu88-order-detail-modal td:first-child { width:34%; color:#64748b; font-weight:700; background:#f8faff; }
.lu88-order-list-page .lu88-page-header,.lu88-order-list-page .lu88-page-content { padding-left:28px!important; padding-right:28px!important; }

/* Navigation and content management. */
.lu88-menu-page .lu88-page-header,.lu88-content-page .lu88-page-header { padding:24px 28px 14px!important; margin:0; border:0; background:transparent; }
.lu88-menu-page .lu88-page-content,.lu88-content-page .lu88-page-content { padding:0 28px 30px!important; }
.lu88-menu-modal .box-body,.lu88-content-modal .box-body,.lu88-content-modal .ibox-content { max-width:920px; padding:22px!important; margin:0 auto; border:1px solid var(--lu88-line); border-radius:12px; background:#fff; box-shadow:var(--lu88-shadow); }
.lu88-menu-modal .layui-table,.lu88-content-modal .layui-table { margin:0!important; }
.lu88-content-modal .box-solid { border:1px solid var(--lu88-line); border-radius:12px; overflow:hidden; }
.lu88-content-modal .box-solid .box-header { background:#f7f9fc; color:var(--lu88-ink); }
@media (max-width:767px) { .lu88-menu-page .lu88-page-header,.lu88-content-page .lu88-page-header { padding:18px 14px 10px!important; } .lu88-menu-page .lu88-page-content,.lu88-content-page .lu88-page-content { padding:0 14px 22px!important; } }

/* Risk controls, rate configuration, audit logs and templates. */
.lu88-risk-page .lu88-page-header,.lu88-rate-page .lu88-page-header,.lu88-log-page .lu88-page-header,.lu88-template-page .lu88-page-header { padding:24px 28px 14px!important; margin:0; border:0; background:transparent; }
.lu88-risk-page .lu88-page-content,.lu88-rate-page .lu88-page-content,.lu88-log-page .lu88-page-content,.lu88-template-page .lu88-page-content { padding:0 28px 30px!important; }
.lu88-risk-modal .box-body,.lu88-rate-config-modal .box-body,.lu88-template-modal .box-body { max-width:880px; padding:22px!important; margin:0 auto; border:1px solid var(--lu88-line); border-radius:12px; background:#fff; box-shadow:var(--lu88-shadow); }
.lu88-risk-page .box,.lu88-rate-page .box,.lu88-log-page .box,.lu88-template-page .box { overflow:hidden; }
.lu88-risk-page .layui-table th,.lu88-rate-page .layui-table th,.lu88-log-page .layui-table th,.lu88-template-page .layui-table th { background:#f7f9fc!important; color:#475569!important; font-weight:700; }
@media (max-width:767px) { .lu88-risk-page .lu88-page-header,.lu88-rate-page .lu88-page-header,.lu88-log-page .lu88-page-header,.lu88-template-page .lu88-page-header { padding:18px 14px 10px!important; } .lu88-risk-page .lu88-page-content,.lu88-rate-page .lu88-page-content,.lu88-log-page .lu88-page-content,.lu88-template-page .lu88-page-content { padding:0 14px 22px!important; } }

/* Shared shell, legacy frame navigation and sign-in. */
.lu88-login-page { min-height:100vh; background:radial-gradient(circle at top left,#245ba7,#0d1d3b 58%,#081326)!important; display:flex; align-items:center; justify-content:center; }
.lu88-login-card { width:min(430px,calc(100vw - 32px)); margin:0!important; padding:34px 30px 28px; background:rgba(255,255,255,.98); border:1px solid rgba(255,255,255,.45); border-radius:18px; box-shadow:0 28px 70px rgba(2,12,37,.38); }
.lu88-login-card h3 { color:var(--lu88-ink)!important; font-size:22px!important; font-weight:800; }
.lu88-login-card .form-control { min-height:44px; border-radius:9px; border-color:var(--lu88-line); }
.lu88-login-card .btn { min-height:44px; border-radius:9px; font-weight:700; }
.lu88-sidebar-shell .main-sidebar { background:#10264d!important; }
.lu88-sidebar-shell .sidebar-menu>li>a { border-radius:8px; margin:3px 10px; }
.lu88-topbar-shell .navbar { box-shadow:0 1px 0 rgba(15,23,42,.06); }
.lu88-footer-shell { border-top:1px solid var(--lu88-line); color:var(--lu88-muted); }
.lu88-legacy-menu { overflow:hidden; border:1px solid var(--lu88-line); border-radius:10px; background:#fff; box-shadow:var(--lu88-shadow); }
.lu88-legacy-menu .list-group-item { border:0; border-bottom:1px solid #eef2f7; color:#334155; }
.lu88-legacy-menu .list-group-item.active { background:linear-gradient(135deg,#173b74,#2b6cc4)!important; }
.lu88-loading-page .error-page { overflow:hidden; border-radius:18px!important; box-shadow:0 24px 60px rgba(15,23,42,.24); }
.lu88-legacy-frame { min-height:100vh; background:var(--lu88-page); }
@media (max-width:767px) { .lu88-system-page .lu88-page-content { padding:0 14px 22px!important; } .lu88-system-page .lu88-page-header { padding:18px 14px 10px!important; } .lu88-system-modal { padding:14px; } }
@media (max-width:767px) { .lu88-statistics-page .lu88-page-content { padding:0 14px 22px!important; } .lu88-statistics-page .lu88-page-header { padding:18px 14px 10px!important; } .lu88-statistics-page form.layui-form,.lu88-statistics-page form.layui-form1 { padding:12px; } .lu88-statistics-page .layui-input-inline { width:100%!important; } }
@media (max-width:900px) { .lu88-login-shell { grid-template-columns:1fr; } .lu88-login-hero { min-height:250px; padding:34px; } .lu88-login-copy { margin-top:40px; } .lu88-login-points { display:none; } .lu88-login-panel { padding:38px 26px; } }
@media (max-width:520px) { .lu88-login-hero { min-height:205px; } .lu88-login-copy h1 { font-size:30px; } .lu88-login-copy p { font-size:13px; } .lu88-login-panel { padding:30px 20px; } }

/*
 * Broadsheet conversion layer (UI redesign consultation package).
 * It deliberately overlays the legacy AdminLTE/Bootstrap DOM instead of
 * replacing controls, IDs, data attributes or ThinkPHP template bindings.
 */
:root { --lu88-paper:#f3f2f2; --lu88-surface:#eae9e9; --lu88-print:#201e1d; --lu88-cyan:#0088b0; --lu88-cyan-deep:#006786; --lu88-magenta:#aa0b56; --lu88-rule:rgba(32,30,29,.16); }
html,body { background:var(--lu88-paper); color:var(--lu88-print); font-family:"Source Serif 4","Noto Serif SC","Noto Serif TC",Georgia,serif; }
.main-header .logo { width:250px; background:var(--lu88-print)!important; box-shadow:none; display:flex; align-items:center; padding:0 22px; }
.main-header .logo:after { content:"LU88 / OPERATIONS"; color:#f3f2f2; font-size:12px; font-weight:700; letter-spacing:.12em; }
.main-header .logo img { display:none; }
.main-header .navbar { margin-left:250px; min-height:56px; background:var(--lu88-paper)!important; border-bottom:1px solid var(--lu88-rule); box-shadow:none; }
.main-header .navbar .sidebar-toggle { min-height:56px; padding:18px 21px; color:var(--lu88-print)!important; }
.main-header .navbar .sidebar-toggle:before { content:"☰"; font-size:17px; }
.main-header .navbar .sidebar-toggle:after { display:none; }
.main-header .navbar .nav>li>a { min-height:56px; padding:18px; color:var(--lu88-print)!important; }
.main-sidebar,.left-side { width:250px; background:var(--lu88-print)!important; box-shadow:none; }
.content-wrapper,.right-side { margin-left:250px; background:var(--lu88-paper)!important; min-height:calc(100vh - 56px); }
.sidebar { padding-top:15px; }
.sidebar-menu>li.header { color:#bab6b6!important; font-family:Inter,"Noto Sans",sans-serif; font-size:10px; font-weight:700; letter-spacing:.16em; padding:16px 22px 9px; }
.sidebar-menu>li>a { color:#eae7e7!important; border-radius:0; margin:0 10px; padding:11px 12px!important; font-family:Inter,"Noto Sans",sans-serif; font-size:13px; }
.sidebar-menu>li>a:hover,.sidebar-menu>li.active>a,.sidebar-menu>li.menu-open>a { background:rgba(0,136,176,.22)!important; color:#fff!important; }
.sidebar-menu .treeview-menu>li>a { color:#d7d3d3!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.sidebar-menu .treeview-menu>li>a:hover { color:#fff!important; background:rgba(255,255,255,.08)!important; }
.sidebar-menu .user-profile>a { border-bottom:1px solid rgba(255,255,255,.14); padding-bottom:17px!important; margin-bottom:7px; }
.content-header { padding:30px 34px 16px!important; border-bottom:0; }
.content-header h1 { margin:0; color:var(--lu88-print)!important; font-size:30px!important; font-weight:700!important; letter-spacing:-.03em; }
.content-header h1 small { display:inline-block; margin:7px 0 0!important; color:#605d5d!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:500; }
.breadcrumb { background:transparent!important; padding:9px 0 0!important; margin:0!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.content { padding:8px 34px 36px!important; }
.box,.card,.layui-card { border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; }
.box-header,.card-header,.layui-card-header { border-bottom:1px solid var(--lu88-rule)!important; padding:16px 0!important; background:transparent!important; }
.box-title { color:var(--lu88-print)!important; font-size:20px!important; font-weight:700!important; }
.box-body,.card-body,.layui-card-body { padding:20px 0!important; }
.btn,.layui-btn { border-radius:2px!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700!important; letter-spacing:.01em; }
.btn-primary,.layui-btn { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; }
.btn-primary:hover,.layui-btn:hover { background:var(--lu88-cyan-deep)!important; border-color:var(--lu88-cyan-deep)!important; box-shadow:none!important; transform:none; }
.btn-danger,.layui-btn-danger { background:var(--lu88-magenta)!important; border-color:var(--lu88-magenta)!important; }
.form-control,.layui-input,.layui-select,.layui-textarea,select,input[type=text],input[type=password] { background:#fff!important; border:1px solid var(--lu88-rule)!important; border-radius:2px!important; font-family:Inter,"Noto Sans",sans-serif; }
.form-control:focus,.layui-input:focus,.layui-textarea:focus,select:focus,input:focus { border-color:var(--lu88-cyan)!important; box-shadow:0 0 0 2px rgba(0,136,176,.16)!important; }
.table,.layui-table { background:transparent!important; font-family:Inter,"Noto Sans",sans-serif; }
table thead tr,table thead th,.layui-table thead tr { background:transparent!important; border-bottom:2px solid var(--lu88-print)!important; color:var(--lu88-print)!important; font-size:11px; letter-spacing:.04em; }
table td,table th,.layui-table td,.layui-table th { border-color:var(--lu88-rule)!important; }
table tbody tr:hover,.layui-table tbody tr:hover { background:rgba(0,136,176,.06)!important; }
.main-footer { margin-left:250px; padding:18px 34px; background:var(--lu88-paper); border-top:1px solid var(--lu88-rule); color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.main-footer a { color:var(--lu88-cyan-deep); font-weight:700; }
.lu88-dashboard .box.box-body { min-height:132px; padding:18px!important; background:var(--lu88-surface)!important; border-top:3px solid var(--lu88-cyan)!important; }
.lu88-dashboard .box.box-body.bg-success { border-top-color:#0e9f6e!important; }
.lu88-dashboard .box.box-body.bg-info { border-top-color:#8b5cf6!important; }
.lu88-dashboard .box.box-body.bg-danger { border-top-color:var(--lu88-magenta)!important; }
.lu88-dashboard .box.box-body h6,.lu88-dashboard .box.box-body small,.lu88-dashboard .box.box-body p,.lu88-dashboard .box.box-body div { color:var(--lu88-print)!important; }
.lu88-dashboard .box.box-body .btn { background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; }
.lu88-dashboard .info-box { min-height:106px; border:0; border-bottom:1px solid var(--lu88-rule); background:transparent; box-shadow:none; }
.lu88-dashboard .info-box-icon { width:58px; background:transparent!important; color:var(--lu88-cyan)!important; font-size:26px; }
.lu88-dashboard .info-box-content { margin-left:58px; padding:18px 0; }
.lu88-dashboard .info-box-number { color:var(--lu88-print); font-family:"Source Serif 4",Georgia,serif; font-size:25px; font-weight:700; }
.lu88-dashboard .info-box-text { color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
.lu88-dashboard .chart { background:rgba(255,255,255,.38); }
.lu88-list-page .box-controls { font-family:Inter,"Noto Sans",sans-serif; }
.lu88-list-page .layui-form-item { display:flex; flex-wrap:wrap; gap:10px 0; margin:0 -6px 18px; padding:16px 0; border-bottom:1px solid var(--lu88-rule); }
.lu88-list-page .layui-inline { margin:0 6px 6px!important; }
.lu88-list-page .layui-input-inline { max-width:350px; }
.lu88-list-page .table-responsive { border:0; }
.lu88-list-page .layui-table { margin:0!important; }
.lu88-list-page .layui-elem-quote { background:rgba(0,136,176,.07)!important; border-left:3px solid var(--lu88-cyan)!important; border-radius:0!important; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; }
.lu88-list-page .label { display:inline-block; border-radius:2px!important; background:#e9f8ff!important; color:var(--lu88-cyan-deep)!important; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-list-page .label-danger { background:#fff1f4!important; color:var(--lu88-magenta)!important; }
.lu88-list-page .label-success { background:#ecfdf5!important; color:#087f5b!important; }
.lu88-list-page .page { margin-top:22px; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-payout-channel-page .ibox-content { padding:0; }
.lu88-payout-channel-page .btn-group .btn { margin:2px; }
.lu88-frozen-order-page .box-title:before { content:"!"; display:inline-grid; place-items:center; width:19px; height:19px; margin-right:8px; background:#fff1f4; color:var(--lu88-magenta); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-frozen-order-page .layui-btn-mini { background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; }
.lu88-frozen-order-page .layui-btn-mini:hover { background:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-ledger-page .layui-elem-quote { margin:0 0 10px; }
.lu88-ledger-page .layui-table td:nth-child(6),.lu88-ledger-page .layui-table td:nth-child(7),.lu88-ledger-page .layui-table td:nth-child(8) { font-variant-numeric:tabular-nums; font-weight:700; }
.lu88-danger-page .content-header h1 { color:var(--lu88-magenta)!important; }
.lu88-danger-card { max-width:780px; border-top:3px solid var(--lu88-magenta)!important; }
.lu88-danger-card .box-header { border-bottom-color:rgba(170,11,86,.25)!important; }
.lu88-danger-card .box-title { color:var(--lu88-magenta)!important; }
.lu88-danger-card .layui-word-aux { margin:10px 0 18px; padding:10px 12px; background:#fff1f4; border-left:3px solid var(--lu88-magenta); color:#4b1528; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-danger-card .layui-btn { background:var(--lu88-magenta)!important; border-color:var(--lu88-magenta)!important; }
.lu88-merchant-page .box-controls .box-title { margin:0; }
.lu88-merchant-page .box-controls .btn { border:1px solid var(--lu88-cyan)!important; background:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-merchant-page .btn-group .btn { margin:2px; min-width:42px; background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; }
.lu88-merchant-page .btn-group .btn:hover { background:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-merchant-page .layui-table td:nth-child(1),.lu88-merchant-page .layui-table td:nth-child(10) { font-weight:700; }
.lu88-merchant-page .layui-table td:nth-child(11) { font-variant-numeric:tabular-nums; }
.lu88-merchant-editor #profile { max-width:760px; }
.lu88-merchant-editor .input-group,.lu88-merchant-editor .layui-input-block { max-width:650px; }
.lu88-merchant-editor .input-group-addon { min-width:138px; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; background:var(--lu88-surface); border-color:var(--lu88-rule); text-align:left; }
.lu88-merchant-editor .layui-form-label,.lu88-merchant-editor .layui-form-mid,.lu88-merchant-editor .layui-form-item>span { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; }
.lu88-merchant-editor textarea { min-height:88px; }
.lu88-rate-editor { max-width:840px; }
.lu88-rate-editor .text-danger { margin:0 0 18px; padding:10px 12px!important; background:#fff1f4; border-left:3px solid var(--lu88-magenta); color:#4b1528!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-rate-editor .layui-table { max-width:700px; }
.lu88-product-editor { max-width:1180px; }
.lu88-product-editor #userProduct>table { background:transparent; }
.lu88-product-editor #userProduct>table>tbody>tr>td:last-child { min-width:420px; }
.lu88-product-editor table table { margin-top:12px; background:rgba(255,255,255,.35); }
.lu88-product-editor .layui-form-select { min-width:220px; }
.lu88-ip-editor #profile,.lu88-merchant-auth #authorize { max-width:720px; }
.lu88-ip-editor .input-group,.lu88-merchant-auth .input-group { max-width:640px; }
.lu88-ip-editor .input-group-addon,.lu88-merchant-auth .input-group-addon { min-width:142px; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; background:var(--lu88-surface); border-color:var(--lu88-rule); text-align:left; }
.lu88-ip-editor textarea { min-height:220px; }
.lu88-balance-console .layui-quote-nm,.lu88-funds-freeze .layui-quote-nm { max-width:520px; margin:0 0 20px; padding:16px 18px; background:var(--lu88-surface); border-left:3px solid var(--lu88-cyan); }
.lu88-balance-console .layui-quote-nm p,.lu88-funds-freeze .layui-quote-nm p { margin:5px 0; color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-balance-console .layui-quote-nm .text-danger,.lu88-funds-freeze .layui-quote-nm .text-danger { color:var(--lu88-print)!important; font-family:"Source Serif 4",Georgia,serif; font-size:25px; font-weight:700; }
.lu88-balance-console .layui-btn-danger,.lu88-funds-freeze .layui-btn-danger { margin:0 8px 10px 0; background:transparent!important; border:1px solid var(--lu88-magenta)!important; color:var(--lu88-magenta)!important; }
.lu88-balance-console .layui-btn-danger:hover,.lu88-funds-freeze .layui-btn-danger:hover { background:var(--lu88-magenta)!important; color:#fff!important; }
.lu88-funds-freeze #incr { max-width:600px; }
.lu88-funds-freeze .layui-form-label { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; }
.lu88-merchant-auth .img-thumbnail { width:68px!important; height:68px!important; margin:0 8px 8px 0; border-color:var(--lu88-rule); border-radius:2px; }
.lu88-money-adjust #incr,.lu88-manual-withdrawal #incr { max-width:600px; }
.lu88-money-adjust .layui-form-label,.lu88-manual-withdrawal .layui-form-label { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; }
.lu88-money-adjust .layui-quote-nm,.lu88-manual-withdrawal .layui-quote-nm { max-width:520px; margin:0 0 20px; padding:16px 18px; background:#fff1f4; border-left:3px solid var(--lu88-magenta); }
.lu88-money-adjust .layui-quote-nm p,.lu88-manual-withdrawal .layui-quote-nm p { margin:5px 0; color:#4b1528; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-money-adjust .layui-quote-nm .text-danger,.lu88-manual-withdrawal .layui-quote-nm .text-danger { color:var(--lu88-magenta)!important; font-family:"Source Serif 4",Georgia,serif; font-size:25px; font-weight:700; }
.lu88-money-adjust textarea,.lu88-manual-withdrawal textarea { min-height:86px; }
.lu88-freeze-list { max-width:1280px; }
.lu88-freeze-list .ibox { margin:0; background:transparent; box-shadow:none; }
.lu88-freeze-list .ibox-title { min-height:0; padding:0 0 14px; border-width:0 0 1px; border-color:var(--lu88-rule); background:transparent; }
.lu88-freeze-list .ibox-title h5 { color:var(--lu88-print); font-size:18px; font-weight:700; }
.lu88-freeze-list .ibox-content { padding:18px 0 0; border:0; background:transparent; }
.lu88-freeze-list .layui-btn-group { margin:0 0 15px; }
.lu88-freeze-list .layui-btn-small { margin:2px; }
.lu88-agent-page .box-controls .box-title,.lu88-invite-page .box-controls .box-title { margin:0; }
.lu88-agent-page .box-controls .btn,.lu88-invite-page .box-controls .btn { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-agent-page .btn-group .btn { margin:2px; background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; }
.lu88-agent-page .btn-group .btn:hover { background:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-agent-page .layui-table td:nth-child(8) { font-variant-numeric:tabular-nums; font-weight:700; }
.lu88-invite-page .layui-table td:first-child { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:700; color:var(--lu88-cyan-deep); }
.lu88-invite-page .layui-btn-small { background:transparent!important; border:1px solid var(--lu88-magenta)!important; color:var(--lu88-magenta)!important; }
.lu88-invite-page .layui-btn-small:hover { background:var(--lu88-magenta)!important; color:#fff!important; }
.lu88-audit-page .box-title:before { content:"⌁"; margin-right:8px; color:var(--lu88-cyan); }
.lu88-audit-page .layui-table td:nth-child(4),.lu88-audit-page .layui-table td:nth-child(6) { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.lu88-balance-snapshot-page .layui-elem-quote { margin:0 0 18px; }
.lu88-balance-snapshot-page .layui-table td:nth-child(1),.lu88-balance-snapshot-page .layui-table td:nth-child(4) { font-variant-numeric:tabular-nums; font-weight:700; }
.lu88-balance-snapshot-page .layui-table td:nth-child(2) { color:var(--lu88-cyan-deep); font-weight:700; }
.lu88-category-page .box-controls .btn { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-category-page .layui-table { max-width:980px; }
.lu88-category-page .layui-table td:first-child { color:#605d5d; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.lu88-category-editor { max-width:620px; }
.lu88-category-editor #groupForm { max-width:500px; }
.lu88-category-editor .layui-form-label { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; }
.lu88-channel-page .box-controls .btn,.lu88-product-page .box-controls .btn,.lu88-channel-account-page .box-controls .btn { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-channel-page .btn-group .btn,.lu88-product-page .btn-group .btn,.lu88-channel-account-page .btn-group .btn { margin:2px; background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; }
.lu88-channel-page .btn-group .btn:hover,.lu88-product-page .btn-group .btn:hover,.lu88-channel-account-page .btn-group .btn:hover { background:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-channel-page .layui-table td:nth-child(1),.lu88-product-page .layui-table td:nth-child(1),.lu88-channel-account-page .layui-table td:nth-child(1) { color:#605d5d; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.lu88-channel-page .layui-table td:nth-child(6),.lu88-channel-account-page .layui-table td:nth-child(4) { font-variant-numeric:tabular-nums; font-weight:700; }
.lu88-channel-account-page .box-controls a[href*="Channel/index"] { color:var(--lu88-cyan-deep); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; }
.lu88-modal-shell { background:var(--lu88-paper)!important; }
.lu88-modal-page { max-width:1080px; margin:0 auto; padding:24px 30px 30px; background:var(--lu88-paper); }
.lu88-modal-heading { display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding:0 0 15px; margin-bottom:18px; border-bottom:2px solid var(--lu88-print); color:var(--lu88-print); }
.lu88-modal-heading span { font-size:24px; font-weight:700; letter-spacing:-.025em; }
.lu88-modal-heading small { color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.lu88-order-detail .layui-table { margin:0; background:transparent; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-order-detail .layui-table tr td:first-child { width:180px; background:transparent!important; color:#605d5d; font-weight:700; }
.lu88-order-detail .layui-table td { padding:13px 15px!important; word-break:break-word; }
.lu88-order-detail .qdbtn { display:inline-block; margin:4px 0 0; padding:5px 9px; border:1px solid var(--lu88-cyan); color:var(--lu88-cyan-deep); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; }
.lu88-order-detail .qdbtn:hover { background:var(--lu88-cyan); color:#fff; }
.lu88-order-action #form,.lu88-supplier-editor #payaccess { max-width:820px; padding:6px 0; }
.lu88-order-action .input-group,.lu88-supplier-editor .layui-input-block,.lu88-supplier-editor .layui-input-inline { max-width:620px; }
.lu88-order-action .input-group-addon { min-width:112px; border-color:var(--lu88-rule); border-radius:2px 0 0 2px; background:var(--lu88-surface); color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; text-align:left; }
.lu88-supplier-editor .layui-form-label { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; }
.lu88-supplier-editor .layui-word-aux { color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-channel-editor { max-width:900px; }
.lu88-channel-editor .wrapper { padding:0!important; }
.lu88-channel-editor .row { margin:0; }
.lu88-channel-editor .col-sm-12 { padding:0; }
.lu88-channel-editor form { max-width:760px; }
.lu88-channel-editor .layui-form-label { width:145px!important; padding:8px 12px 8px 0!important; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:700; line-height:22px; text-align:left; }
.lu88-channel-editor .layui-input-block { margin-left:145px!important; max-width:610px; }
.lu88-channel-editor .layui-input-inline { width:300px; }
.lu88-channel-editor .layui-form-item { margin-bottom:17px; }
.lu88-channel-editor .layui-elem-field { max-width:760px; margin:22px 0; border-color:var(--lu88-rule); background:rgba(255,255,255,.32); }
.lu88-channel-editor .layui-elem-field legend { padding:0 10px; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; letter-spacing:.05em; }
.lu88-channel-editor .layui-field-box { padding:18px 18px 4px; }
.lu88-channel-editor .layui-table { background:transparent; }
.lu88-channel-editor .layui-table td,.lu88-channel-editor .layui-table th { padding:10px!important; }
.lu88-channel-editor .layui-table input[type="number"] { min-width:88px; }
.lu88-channel-editor .layui-form-small,.lu88-channel-editor .layui-word-aux { color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-channel-editor .layui-btn[lay-filter="add"] { min-width:132px; background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-account-editor { max-width:970px; }
.lu88-account-editor #payaccess { max-width:800px; }
.lu88-account-editor #defined_group { padding:16px 0 0; border-top:1px solid var(--lu88-rule); }
.lu88-account-editor b[style*="color:red"] { display:block; margin:0 0 16px; padding:9px 12px; background:#fff1f4; border-left:3px solid var(--lu88-magenta); color:#4b1528!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-product-editor { max-width:1080px; }
.lu88-product-editor #product { max-width:980px; }
.lu88-product-editor #pdtable { max-width:800px; }
.lu88-rate-control-editor { max-width:780px; }
.lu88-rate-control-editor #editRate { max-width:650px; }
.lu88-rate-control-editor #custom_rate_group { margin-top:18px; }
.lu88-risk-control-editor { max-width:930px; }
.lu88-risk-control-editor #editRate { max-width:840px; }
.lu88-risk-control-editor textarea { min-height:94px; max-width:430px; border-color:var(--lu88-rule); border-radius:2px; }
.lu88-risk-control-editor .layui-form-item>span { display:block; margin:0 0 16px; padding:10px 12px; background:#fff1f4; border-left:3px solid var(--lu88-magenta); }
.lu88-risk-control-editor b[style*="color:red"] { color:#4b1528!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-risk-control-editor #group { margin-top:18px; padding-top:18px; border-top:1px solid var(--lu88-rule); }
.lu88-risk-control-editor .layui-inline { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.lu88-risk-control-editor .layui-inline .layui-form-label { flex:0 0 145px; }
.lu88-paytype-page .box-controls .btn { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-paytype-page .layui-table { max-width:980px; }
.lu88-paytype-page .layui-table td:first-child { color:#605d5d; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.lu88-paytype-page .btn-group .btn { background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; }
.lu88-paytype-page .btn-group .btn:hover { background:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-channel-status-page { margin:0; padding:24px 30px 30px; }
.lu88-channel-status-page .ibox { margin:0; background:transparent; box-shadow:none; }
.lu88-channel-status-page .ibox-content { padding:0; border:0; background:transparent; }
.lu88-channel-status-page .layui-table { margin:0; }
.lu88-channel-status-page .layui-table td:first-child { font-family:Inter,"Noto Sans",sans-serif; font-weight:700; }
.lu88-channel-status-page .layui-table td:nth-child(3) { font-variant-numeric:tabular-nums; font-weight:700; }
.lu88-system-bank-page { max-width:1080px; margin:0 auto; padding:30px; }
.lu88-system-bank-page .ibox { margin:0; border-top:3px solid var(--lu88-cyan); background:var(--lu88-paper); box-shadow:none; }
.lu88-system-bank-page .ibox-title { min-height:0; padding:17px 20px; border-color:var(--lu88-rule); background:transparent; }
.lu88-system-bank-page .ibox-title h5 { margin:0; color:var(--lu88-print); font-size:20px; font-weight:700; }
.lu88-system-bank-page .ibox-content { padding:22px 20px; border:0; background:transparent; }
.lu88-system-bank-page .form-horizontal { max-width:700px; margin:0 0 30px; padding:20px; border:1px solid var(--lu88-rule); background:var(--lu88-surface); }
.lu88-system-bank-page .control-label { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; }
.lu88-system-bank-page input[type="file"] { padding-top:7px; }
.lu88-system-bank-page .btn-primary { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-bank-table { margin:0; border-color:var(--lu88-rule)!important; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-bank-table thead { background:var(--lu88-print); color:#fff; }
.lu88-bank-table th { font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.lu88-bank-table td { vertical-align:middle!important; }
.lu88-bank-table td:nth-child(2) { color:#605d5d; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:700; }
.lu88-bank-table td:last-child a { margin-right:10px; color:var(--lu88-cyan-deep); font-weight:800; }
.lu88-bank-table td:last-child a:last-child { color:var(--lu88-magenta); }
.lu88-bank-modal .modal-dialog { width:620px; max-width:calc(100% - 28px); }
.lu88-bank-modal .modal-content { border:0; border-radius:2px; box-shadow:0 18px 55px rgba(0,0,0,.25); }
.lu88-bank-modal .modal-header { padding:18px 20px; border-color:var(--lu88-rule); background:var(--lu88-paper); }
.lu88-bank-modal .modal-title { color:var(--lu88-print); font-size:19px; }
.lu88-bank-modal .modal-body { padding:0!important; background:var(--lu88-paper); }
.lu88-bank-modal .modal-footer { padding:13px 20px; border-color:var(--lu88-rule); background:var(--lu88-surface); }
.lu88-bank-editor { width:auto!important; max-width:480px; padding:24px 20px; }
.lu88-bank-editor .form-horizontal { margin:0; }
.lu88-bank-editor .control-label { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; }
.lu88-bank-editor .form-control { border-color:var(--lu88-rule); border-radius:2px; box-shadow:none; color:var(--lu88-print)!important; }
.lu88-bank-editor .btn-primary { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-sync-channel-page { max-width:980px; margin:0 auto; padding:24px 30px 30px; background:var(--lu88-paper); }
.lu88-sync-channel-page .row { margin:0; }
.lu88-sync-channel-page .col-sm-12 { padding:0; }
.lu88-sync-channel-page .text-danger:empty { display:none; }
.lu88-sync-channel-page #checkAll,.lu88-sync-channel-page #checkAllquxiao { margin:0 7px 18px 0; background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-sync-channel-page #checkAll:hover,.lu88-sync-channel-page #checkAllquxiao:hover { background:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-sync-channel-page #rate { max-width:820px; }
.lu88-sync-channel-page .input-group { margin:0 0 14px; }
.lu88-sync-channel-page .input-group-addon { min-width:108px; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; background:var(--lu88-surface); border-color:var(--lu88-rule); text-align:left; }
.lu88-sync-channel-page .layui-table { margin:0 0 18px; }
.lu88-sync-channel-page .layui-table th:nth-child(2),.lu88-sync-channel-page .layui-table td:nth-child(2) { color:#605d5d; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:700; }
.lu88-sync-channel-page .layui-btn[lay-filter="save"] { min-width:132px; background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-withdrawal-manual-page .ribbon-wrapper-reverse,.lu88-withdrawal-payout-page .ribbon-wrapper-reverse { min-height:132px; margin:0 0 16px; padding:42px 15px 12px; border:1px solid var(--lu88-rule); border-top:3px solid var(--lu88-cyan); background:var(--lu88-surface); box-shadow:none; }
.lu88-withdrawal-manual-page .ribbon,.lu88-withdrawal-payout-page .ribbon { background:var(--lu88-print)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-size:11px; font-weight:800; letter-spacing:.03em; }
.lu88-withdrawal-manual-page .ribbon-content,.lu88-withdrawal-payout-page .ribbon-content { margin:5px 0; color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-withdrawal-manual-page .label,.lu88-withdrawal-payout-page .label { display:inline-block; min-width:74px; border-radius:2px; font-variant-numeric:tabular-nums; }
.lu88-withdrawal-manual-page #checkAll,.lu88-withdrawal-payout-page #checkAll { background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; }
.lu88-withdrawal-manual-page #submitAllOrder,.lu88-withdrawal-payout-page #submitAllOrder { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; }
.lu88-withdrawal-manual-page #rejectAllOrder,.lu88-withdrawal-payout-page #rejectAllOrder { background:transparent!important; border:1px solid var(--lu88-magenta)!important; color:var(--lu88-magenta)!important; }
.lu88-withdrawal-payout-page #queryAllOrder { background:transparent!important; border:1px solid var(--lu88-print)!important; color:var(--lu88-print)!important; }
.lu88-withdrawal-manual-page .layui-table td:nth-child(7),.lu88-withdrawal-payout-page .layui-table td:nth-child(7) { font-variant-numeric:tabular-nums; font-weight:700; }
.lu88-withdrawal-manual-page .layui-table td:nth-child(9),.lu88-withdrawal-payout-page .layui-table td:nth-child(9) { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.lu88-withdrawal-detail { max-width:920px; }
.lu88-withdrawal-detail .layui-table { margin:0; background:transparent; font-family:Inter,"Noto Sans",sans-serif; }
.lu88-withdrawal-detail .layui-table tr td:first-child { width:170px; color:#605d5d; font-weight:800; }
.lu88-withdrawal-detail .layui-table td { padding:12px 15px!important; word-break:break-word; }
.lu88-withdrawal-detail .layui-table a { color:var(--lu88-cyan-deep); font-weight:800; }
.lu88-withdrawal-action { max-width:720px; }
.lu88-withdrawal-action .row,.lu88-withdrawal-action .col-12 { margin:0; padding:0; }
.lu88-withdrawal-action form { max-width:610px; }
.lu88-withdrawal-action .layui-form-label { width:140px!important; padding:8px 12px 8px 0!important; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; text-align:left; }
.lu88-withdrawal-action .layui-input-block { margin-left:140px!important; }
.lu88-withdrawal-action .layui-input-inline { width:100%; max-width:430px; }
.lu88-withdrawal-action .layui-select,.lu88-withdrawal-action textarea { width:100%; max-width:480px; border-color:var(--lu88-rule); border-radius:2px; }
.lu88-withdrawal-action textarea { min-height:92px; }
.lu88-withdrawal-action .input-group { max-width:500px; }
.lu88-withdrawal-action .input-group-addon { min-width:126px; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; background:var(--lu88-surface); border-color:var(--lu88-rule); text-align:left; }
.lu88-withdrawal-action .layui-btn[lay-filter="save"],.lu88-withdrawal-action .layui-btn[lay-filter="wtsave"] { min-width:136px; background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-submit-payout-editor #sendBtn { border-color:var(--lu88-magenta)!important; background:var(--lu88-magenta)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-status-editor .btn-group { width:100%; max-width:480px; }
.lu88-status-editor .layui-select { min-height:38px; }
.lu88-batch-status-editor #groupForm { max-width:630px; }
.lu88-batch-status-editor textarea { min-height:220px; resize:vertical; }
.lu88-batch-status-editor .input-group-addon { vertical-align:top; padding-top:12px; }
.lu88-batch-status-editor .btn-success { background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-batch-status-editor .btn-secondary { background:transparent!important; border:1px solid var(--lu88-rule)!important; color:#605d5d!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-withdrawal-settings-page .layui-tab-card { margin:0; border-color:var(--lu88-rule); background:var(--lu88-paper); box-shadow:none; }
.lu88-withdrawal-settings-page .layui-tab-title { height:auto; min-height:52px; border-color:var(--lu88-rule); background:var(--lu88-surface); }
.lu88-withdrawal-settings-page .layui-tab-title li { min-width:132px; height:52px; line-height:52px; color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; }
.lu88-withdrawal-settings-page .layui-tab-title .layui-this { color:var(--lu88-print); background:var(--lu88-paper); }
.lu88-withdrawal-settings-page .layui-tab-title .layui-this:after { height:52px; border-top:3px solid var(--lu88-cyan); border-color:var(--lu88-rule); border-top-color:var(--lu88-cyan); }
.lu88-withdrawal-settings-page .layui-tab-content { padding:26px 24px; }
.lu88-withdrawal-settings-form { max-width:1000px; }
.lu88-withdrawal-settings-form .form-group { margin:0 0 18px; align-items:center; }
.lu88-withdrawal-settings-form .col-form-label { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; }
.lu88-withdrawal-settings-form .layui-input { min-width:160px; border-color:var(--lu88-rule); }
.lu88-withdrawal-settings-form .layui-input-block { margin-left:0!important; }
.lu88-withdrawal-settings-form .layui-btn[lay-filter="save"],.lu88-withdrawal-settings-form .layui-btn[lay-filter="time"],.lu88-withdrawal-settings-form .layui-btn[lay-filter="autodf"] { min-width:136px; background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-withdrawal-settings-form #settingAutoDf { margin-top:6px; padding:20px 0 2px; border-top:1px solid var(--lu88-rule); }
.lu88-withdrawal-settings-form #settingAutoDf p { margin:7px 0 0; color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-withdrawal-holiday-form { max-width:760px; }
.lu88-withdrawal-holiday-form .text-danger { margin:0 0 18px; padding:10px 12px; background:#fff1f4; border-left:3px solid var(--lu88-magenta); color:#4b1528!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-withdrawal-holiday-form #setholiday { min-width:230px; padding:0 10px; border:1px solid var(--lu88-rule)!important; background:var(--lu88-surface); }
.lu88-withdrawal-holiday-form #setdatebox { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.lu88-withdrawal-holiday-form #setdatebox .layui-btn { margin:0; background:transparent!important; border:1px solid var(--lu88-magenta)!important; color:var(--lu88-magenta)!important; }
.lu88-payment-instruction { min-height:100vh; padding:28px 16px; background:var(--lu88-surface)!important; color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif!important; }
.lu88-payment-instruction .lu88-payment-card { width:min(100%,680px)!important; margin:0 auto!important; padding:28px!important; border:1px solid var(--lu88-rule); border-top:4px solid var(--lu88-cyan); border-radius:2px!important; background:var(--lu88-paper)!important; box-shadow:0 14px 36px rgba(0,0,0,.08); }
.lu88-payment-instruction .lu88-payment-card hr { margin:0 0 20px; border-color:var(--lu88-rule)!important; }
.lu88-payment-instruction .lu88-payment-details { text-align:left!important; }
.lu88-payment-instruction .lu88-payment-details>div { margin:0 0 10px!important; padding:11px 12px; border:1px solid var(--lu88-rule); background:var(--lu88-surface); text-align:left; }
.lu88-payment-instruction .lu88-payment-details>div:has(img) { display:inline-flex; margin:8px 8px 8px 0!important; padding:7px; background:var(--lu88-paper); }
.lu88-payment-instruction .lu88-payment-details img { width:190px!important; height:auto; }
.lu88-payment-instruction .label-text { color:var(--lu88-print)!important; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:800!important; }
.lu88-payment-instruction .copy-button { margin-left:8px; border-color:var(--lu88-cyan)!important; border-radius:2px; background:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-size:11px; font-weight:800; }
.lu88-payment-instruction .btn-bg { display:block; width:100%; margin-top:18px; padding:12px 16px; border-color:var(--lu88-cyan)!important; border-radius:2px; background:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-size:14px; font-weight:800; }
.lu88-deposit-settings-page .box,.lu88-risk-settings-page .box { max-width:1120px; }
.lu88-policy-form { max-width:1000px; }
.lu88-policy-form .form-group { margin:0 0 18px; align-items:center; }
.lu88-policy-form .col-form-label,.lu88-policy-form .layui-form-label { color:var(--lu88-print); font-family:Inter,"Noto Sans",sans-serif; font-size:12px; font-weight:800; }
.lu88-policy-form .layui-input,.lu88-policy-form select,.lu88-policy-form textarea { border-color:var(--lu88-rule); border-radius:2px; }
.lu88-policy-form .layui-input { min-width:150px; }
.lu88-policy-form .layui-btn[lay-filter="save"] { min-width:136px; background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
.lu88-risk-settings-page .layui-form-item>span,.lu88-policy-editor .layui-form-item>span { display:block; margin:0 0 16px; padding:10px 12px; background:#fff1f4; border-left:3px solid var(--lu88-magenta); }
.lu88-risk-settings-page b[style*="color:red"],.lu88-policy-editor b[style*="color:red"] { color:#4b1528!important; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-policy-editor { max-width:1020px; }
.lu88-policy-editor .row,.lu88-policy-editor .col-sm-12 { margin:0; padding:0; }
.lu88-policy-editor #profile { max-width:910px; }
.lu88-policy-editor .layui-form-label { width:126px!important; padding:8px 10px 8px 0!important; text-align:left; }
.lu88-policy-editor .layui-input-block { margin-left:126px!important; max-width:640px; }
.lu88-policy-editor .layui-input-inline { width:190px; }
.lu88-policy-editor #changeRule { margin-top:18px; padding-top:18px; border-top:1px solid var(--lu88-rule); }
.lu88-policy-editor textarea { min-height:110px; }
.lu88-recharge-page .ribbon-wrapper-reverse { min-height:105px; margin:0 0 18px; padding:39px 15px 12px; border:1px solid var(--lu88-rule); border-top:3px solid var(--lu88-cyan); background:var(--lu88-surface); box-shadow:none; }
.lu88-recharge-page .ribbon { background:var(--lu88-print)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-size:11px; font-weight:800; }
.lu88-recharge-page .ribbon-content { margin:5px 0; color:#605d5d; font-family:Inter,"Noto Sans",sans-serif; font-size:12px; }
.lu88-recharge-page .layui-table td:nth-child(1),.lu88-recharge-page .layui-table td:nth-child(5) { font-variant-numeric:tabular-nums; font-weight:700; }
.lu88-recharge-page .layui-table td:nth-child(6),.lu88-recharge-page .layui-table td:nth-child(7) { color:#605d5d; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.lu88-recharge-page .layui-btn-warm { background:transparent!important; border:1px solid var(--lu88-cyan)!important; color:var(--lu88-cyan-deep)!important; }
.lu88-recharge-status-editor { max-width:650px; }
.lu88-recharge-status-editor .row,.lu88-recharge-status-editor .col-12 { margin:0; padding:0; }
.lu88-recharge-status-editor #editstatus { max-width:500px; }
.lu88-recharge-status-editor .btn-group { width:100%; }
.lu88-recharge-status-editor select,.lu88-recharge-status-editor textarea { width:100%; border-color:var(--lu88-rule); border-radius:2px; }
.lu88-recharge-status-editor textarea { min-height:94px; }
.lu88-recharge-status-editor .input-group { width:100%; margin-bottom:16px; }
.lu88-recharge-status-editor .layui-btn[lay-filter="save"] { min-width:136px; background:var(--lu88-cyan)!important; border-color:var(--lu88-cyan)!important; color:#fff!important; font-family:Inter,"Noto Sans",sans-serif; font-weight:800; }
@media (max-width:640px) { .lu88-policy-editor .layui-form-label { width:auto!important; float:none; } .lu88-policy-editor .layui-input-block { margin-left:0!important; } }
@media (max-width:640px) { .lu88-payment-instruction { padding:12px; } .lu88-payment-instruction .lu88-payment-card { padding:18px!important; } .lu88-payment-instruction .lu88-payment-details img { width:145px!important; } }
@media (max-width:640px) { .lu88-withdrawal-action .layui-form-label { width:auto!important; float:none; } .lu88-withdrawal-action .layui-input-block { margin-left:0!important; } }
@media (max-width:640px) { .lu88-channel-editor .layui-form-label { width:auto!important; padding-bottom:4px!important; float:none; } .lu88-channel-editor .layui-input-block { margin-left:0!important; } .lu88-channel-editor .layui-input-inline { width:100%; } }
@media (max-width:640px) { .lu88-modal-page { padding:20px 16px 24px; } .lu88-modal-heading { align-items:flex-start; flex-direction:column; gap:5px; } .lu88-order-detail .layui-table tr td:first-child { width:105px; } }
@media (max-width:767px) { .main-header .logo,.main-sidebar,.left-side { width:250px; } .main-header .navbar,.content-wrapper,.right-side,.main-footer { margin-left:0; } .main-header .logo { display:flex; } .content-header { padding:24px 18px 12px!important; } .content { padding:8px 18px 28px!important; } .main-footer { padding:16px 18px; } }