/*
 * AC order system admin UI system.
 * Legacy admin information architecture with Apple-inspired visual polish.
 */
:root {
    --ac-bg: #f5f5f7;
    --ac-surface: rgba(255, 255, 255, .94);
    --ac-surface-solid: #ffffff;
    --ac-surface-soft: #fbfbfd;
    --ac-glass: rgba(255, 255, 255, .78);
    --ac-sidebar: rgba(251, 251, 253, .92);
    --ac-sidebar-soft: rgba(245, 245, 247, .92);
    --ac-sidebar-hover: rgba(0, 113, 227, .08);
    --ac-text: #1d1d1f;
    --ac-text-soft: #424245;
    --ac-muted: #6e6e73;
    --ac-subtle: #86868b;
    --ac-border: rgba(29, 29, 31, .14);
    --ac-border-soft: rgba(29, 29, 31, .08);
    --ac-blue: #0071e3;
    --ac-blue-hover: #0066cc;
    --ac-green: #34c759;
    --ac-red: #ff3b30;
    --ac-orange: #ff9500;
    --ac-radius: 12px;
    --ac-control-h: 36px;
    --ac-control-sm: 28px;
    --ac-shadow-soft: 0 18px 42px rgba(0, 0, 0, .06);
    --ac-shadow-pop: 0 22px 70px rgba(0, 0, 0, .18);
    --ac-table-row-h: 68px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    letter-spacing: 0 !important;
}

html,
body {
    min-width: 0;
    background: #f5f5f7;
    background: var(--ac-bg);
    color: var(--ac-text);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.55;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

body:not(.login-body),
.layui-layout-body,
.layuimini-all,
.layuimini-mini,
.layui-body,
.layuimini-container,
.layuimini-tab .layui-tabs-body {
    background: var(--ac-bg) !important;
}

a {
    color: var(--ac-blue);
    text-decoration: none;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

a:hover {
    color: var(--ac-blue-hover);
}

::selection {
    background: rgba(0, 113, 227, .16);
}

body::-webkit-scrollbar,
.layui-table-body::-webkit-scrollbar,
.layui-layer-content::-webkit-scrollbar,
.ac-task-grid::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body::-webkit-scrollbar-thumb,
.layui-table-body::-webkit-scrollbar-thumb,
.layui-layer-content::-webkit-scrollbar-thumb,
.ac-task-grid::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: rgba(29, 29, 31, .24);
    background-clip: padding-box;
}

/* Shell */
.layui-layout-admin .layui-header.header {
    height: 50px !important;
    border-bottom: 1px solid var(--ac-border-soft);
    background: var(--ac-glass) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .72) inset;
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
}

.layuimini-header-menu,
.layui-header > .layui-layout-right > .layui-nav-item,
.layuimini-header-menu > .layui-nav-item {
    height: 50px !important;
    line-height: 50px !important;
}

.layui-layout-admin .layuimini-logo {
    width: 230px !important;
    height: 50px !important;
    line-height: 50px !important;
    border-right: 1px solid var(--ac-border-soft);
    background: var(--ac-sidebar) !important;
    color: var(--ac-text) !important;
    font-weight: 760;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.layui-layout-admin .layuimini-logo a {
    display: flex;
    min-width: 0;
    height: 50px;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    color: var(--ac-text) !important;
}

.layui-layout-admin .layuimini-logo img {
    width: 30px;
    height: 30px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-surface);
    object-fit: cover;
}

.layui-layout-admin .layuimini-logo h1 {
    overflow: hidden;
    margin: 0;
    color: var(--ac-text) !important;
    font-size: 15px;
    font-weight: 760;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layuimini-tool {
    left: 230px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: var(--ac-text) !important;
}

.layui-layout-admin .layui-header .layuimini-tool i,
.layuimini-tool i {
    display: block;
    width: 34px;
    height: 34px;
    margin-top: 8px;
    border: 1px solid transparent;
    border-radius: var(--ac-radius);
    color: var(--ac-muted) !important;
    line-height: 34px;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this,
.layuimini-tool i:hover {
    background: rgba(0, 113, 227, .08) !important;
    color: var(--ac-blue) !important;
}

.layui-layout-left {
    left: 280px !important;
}

.layui-header .layui-layout-right {
    display: flex;
    gap: 4px;
    align-items: center;
    padding-right: 10px;
}

.layui-layout-admin .layui-header .layui-nav {
    background: transparent;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item a,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
    color: var(--ac-muted) !important;
    font-size: 13px;
    font-weight: 650;
}

.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
.layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
    color: var(--ac-text) !important;
}

.layui-header .layui-layout-right > .layui-nav-item > a {
    display: inline-flex;
    height: 34px;
    min-width: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--ac-radius);
    padding: 0 10px;
    line-height: 34px;
}

.layui-header .layui-layout-right > .layui-nav-item > a:hover {
    border-color: var(--ac-border-soft);
    background: rgba(29, 29, 31, .05);
    color: var(--ac-text) !important;
}

.layui-header .layui-nav-bar {
    display: none;
}

.layui-nav-child {
    border: 1px solid var(--ac-border-soft) !important;
    border-radius: var(--ac-radius) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: var(--ac-shadow-soft) !important;
    overflow: hidden;
}

.layui-nav .layui-nav-child dd.layui-this a,
.layui-nav-child dd.layui-this {
    background: rgba(0, 113, 227, .09) !important;
    color: var(--ac-blue) !important;
}

.ac-admin-health > a {
    gap: 7px;
    color: var(--ac-text) !important;
}

.ac-admin-health span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--ac-green);
    box-shadow: 0 0 0 3px rgba(52, 199, 89, .14);
}

.layui-nav-img {
    width: 26px;
    height: 26px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-surface);
    object-fit: cover;
}

.layuimini-setting > a {
    gap: 7px;
}

.layui-side.layui-bg-black {
    width: 230px !important;
    top: 50px !important;
    border-right: 1px solid var(--ac-border-soft);
    background: var(--ac-sidebar) !important;
    box-shadow: 18px 0 42px rgba(0, 0, 0, .035);
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
}

.layui-side.layui-bg-black > .layuimini-menu-left,
.layui-side.layui-bg-black > .layuimini-menu-left > ul,
.layuimini-menu-left-zoom > ul {
    background: transparent !important;
}

.layuimini-menu-left {
    padding: 10px 10px;
    background: transparent !important;
}

.layuimini-menu-left .layui-nav {
    background: transparent !important;
}

.layuimini-menu-left .layui-nav .layui-nav-item a,
.layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 9px;
    margin: 2px 0;
    border-radius: 10px;
    padding: 0 12px;
    color: var(--ac-text-soft) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 38px;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.layuimini-menu-left .layui-nav .layui-nav-item a i {
    width: 18px;
    color: var(--ac-subtle);
    text-align: center;
}

.layuimini-menu-left .layui-nav .layui-nav-item a:hover,
.layuimini-menu-left .layui-nav .layui-this > a,
.layuimini-menu-left .layui-nav .layui-nav-child dd.layui-this a {
    background: var(--ac-sidebar-hover) !important;
    color: var(--ac-blue) !important;
}

.layuimini-menu-left .layui-nav .layui-nav-item a:hover i,
.layuimini-menu-left .layui-nav .layui-this > a i,
.layuimini-menu-left .layui-nav .layui-nav-child dd.layui-this a i {
    color: var(--ac-blue) !important;
}

.layuimini-menu-left .layui-nav-itemed > .layui-nav-child {
    margin: 2px 0 4px;
    border-left: 0;
    border-radius: 12px;
    background: var(--ac-sidebar-soft) !important;
}

.layuimini-menu-left .layui-nav .layui-nav-child a {
    min-height: 34px;
    padding-left: 36px;
    line-height: 34px;
}

.layuimini-menu-left .layui-nav .layui-nav-more,
.layuimini-menu-left-zoom.layui-nav .layui-nav-more {
    border-top-color: var(--ac-subtle) !important;
}

.layuimini-menu-left .layui-nav .layui-nav-mored,
.layuimini-menu-left .layui-nav-itemed > a .layui-nav-more,
.layuimini-menu-left-zoom.layui-nav .layui-nav-mored {
    border-color: transparent transparent var(--ac-subtle) !important;
}

.layui-layout-admin .layui-body,
.layui-body {
    top: 50px !important;
    left: 230px !important;
}

.layuimini-tab {
    margin: 0;
    padding: 0;
}

.layuimini-tab .layui-tabs-header {
    height: 40px !important;
    border: 0;
    border-bottom: 1px solid var(--ac-border-soft);
    border-radius: 0;
    background: var(--ac-glass) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
}

.layuimini-tab > .layui-tabs-header li {
    height: 39px !important;
    border: 0 !important;
    border-radius: 0;
    margin: 0;
    color: var(--ac-muted);
    font-size: 13px;
    line-height: 39px !important;
}

.layuimini-tab .layui-tabs-header li.layui-this {
    background: rgba(0, 113, 227, .07) !important;
    color: var(--ac-text);
    box-shadow: inset 0 -2px 0 var(--ac-blue);
    font-weight: 700;
}

.layuimini-tab .layui-tabs-header .layui-this span {
    color: var(--ac-text) !important;
}

.layuimini-tab .layui-tabs-header .layuimini-tab-active {
    width: 7px;
    height: 7px;
    background: var(--ac-blue);
}

.layuimini-tab .layui-tab-control > li {
    border-color: var(--ac-border-soft) !important;
    background: var(--ac-surface) !important;
    color: var(--ac-muted);
}

.layuimini-tab .layui-tabs-body {
    height: calc(100% - 40px) !important;
    margin-top: 0;
    padding: 0;
}

.layui-tabs-body iframe {
    border-radius: 0;
    background: var(--ac-bg);
}

/* Containers and typography */
.layuimini-main,
.layui-card,
.table-search-fieldset,
.layui-table-view,
.layui-layer-easy,
.ac-dashboard-hero,
.ac-dashboard-panel,
.ac-dashboard-stat {
    border: 1px solid var(--ac-border-soft) !important;
    border-radius: var(--ac-radius) !important;
    background: var(--ac-surface) !important;
    box-shadow: var(--ac-shadow-soft) !important;
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
}

.layuimini-main {
    margin: 10px;
    padding: 0;
    overflow: hidden;
}

.layuimini-container {
    width: 100%;
    padding: 10px;
}

.layui-card-header,
.layui-elem-field legend,
.table-search-fieldset legend,
.layui-layer-title {
    color: var(--ac-text);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.45;
}

.layui-card-header {
    height: 40px;
    border-bottom: 1px solid var(--ac-border-soft);
    line-height: 40px;
}

.layui-card-body {
    color: var(--ac-text-soft);
    font-size: 13px;
    line-height: 1.65;
}

.layui-text,
.layui-form,
.layui-form-item,
.layui-table,
.layui-tree,
.layui-layer-content {
    color: var(--ac-text);
    font-size: 13px;
}

.layui-word-aux,
.layui-form-mid,
.ac-muted,
.ac-dashboard-muted {
    color: var(--ac-muted) !important;
    font-size: 12px;
    line-height: 1.55;
}

tip,
.layui-form-item tip {
    display: block;
    margin-top: 7px;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.55;
}

.hr-line {
    height: 1px;
    margin: 18px 0;
    border: 0;
    border-top: 1px solid var(--ac-border-soft);
    background: transparent;
}

.text-center {
    text-align: center;
}

.layui-tab {
    margin: 0;
}

.layui-tab-title {
    height: auto;
    min-height: 42px;
    border-bottom: 1px solid var(--ac-border-soft);
}

.layui-tab-title li {
    min-width: 88px;
    height: 40px;
    border-radius: var(--ac-radius) var(--ac-radius) 0 0;
    color: var(--ac-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 40px;
}

.layui-tab-title .layui-this {
    color: var(--ac-blue);
}

.layui-tab-title .layui-this:after {
    border: 0;
    border-bottom: 2px solid var(--ac-blue);
}

.layui-tab-content {
    padding: 16px 0 0;
}

/* Forms */
.layuimini-form {
    min-width: 0;
}

.layuimini-main > .layuimini-form,
.layuimini-container > .layuimini-form,
.layui-card-body > .layuimini-form {
    max-width: 1060px;
    margin: 0 auto;
}

.ac-form-section {
    display: grid;
    grid-column: 1 / -1;
    gap: 4px;
    min-width: 0;
    margin: 2px 0 14px;
    padding: 12px 14px;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-surface-soft);
}

.ac-form-section strong,
.ac-section-title {
    margin: 0;
    color: var(--ac-text);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.35;
}

.ac-form-section span {
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.5;
}

.ac-form-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
}

.layui-form-item {
    margin-bottom: 16px;
}

.layuimini-form .layui-form-item,
.layui-layer-content .layui-form-item {
    margin-bottom: 17px;
}

.layui-form-label {
    width: 118px;
    padding: 9px 14px 9px 0;
    color: var(--ac-muted);
    font-size: 13px;
    font-weight: 680;
    line-height: 20px;
}

.layui-input-block {
    min-height: var(--ac-control-h);
    margin-left: 138px;
}

.layui-input-inline {
    min-height: var(--ac-control-h);
}

.layui-input,
.layui-select,
.layui-textarea,
.layui-form-select .layui-input,
.xm-select-parent .xm-select {
    min-height: var(--ac-control-h);
    border: 1px solid var(--ac-border) !important;
    border-radius: var(--ac-radius) !important;
    background: rgba(255, 255, 255, .94) !important;
    color: var(--ac-text);
    font-size: 13px;
    line-height: var(--ac-control-h);
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.layui-textarea {
    min-height: 96px;
    padding: 10px 12px;
    line-height: 1.65;
}

.layui-disabled,
.layui-disabled:hover,
.layui-disabled:focus,
.layui-input[readonly],
.layui-textarea[readonly],
.layui-input[disabled],
.layui-textarea[disabled] {
    background: rgba(29, 29, 31, .045) !important;
    color: var(--ac-muted) !important;
    cursor: not-allowed;
}

.layui-input::placeholder,
.layui-textarea::placeholder {
    color: #a1a1a6;
}

.layui-input:hover,
.layui-select:hover,
.layui-textarea:hover,
.layui-form-select:hover .layui-input,
.xm-select-parent .xm-select:hover {
    border-color: rgba(0, 113, 227, .35) !important;
}

.layui-input:focus,
.layui-textarea:focus,
.layui-form-select .layui-input:focus {
    border-color: var(--ac-blue) !important;
    box-shadow: 0 0 0 3px rgba(0, 113, 227, .14);
}

.layui-form-select dl {
    top: 42px;
    border: 1px solid var(--ac-border-soft) !important;
    border-radius: var(--ac-radius) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: var(--ac-shadow-soft) !important;
    overflow: hidden;
}

.layui-form-select dl dd,
.layui-form-select dl dt {
    color: var(--ac-text-soft);
    font-size: 13px;
    line-height: 34px;
}

.layui-form-select dl dd.layui-this,
.layui-form-select dl dd:hover {
    background: rgba(0, 113, 227, .09) !important;
    color: var(--ac-blue) !important;
}

.layui-form-radio,
.layui-form-checkbox {
    margin-right: 12px;
}

.layui-form-radio > *,
.layui-form-checkbox span {
    font-size: 13px;
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed > i,
.layui-form-checked span,
.layui-form-checked:hover span {
    color: var(--ac-blue) !important;
}

.layui-form-checked i,
.layui-form-checked:hover i {
    border-color: var(--ac-blue) !important;
    background: var(--ac-blue) !important;
}

.layuimini-upload {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.layuimini-upload > .layui-input,
.layuimini-upload > input.layui-input,
.layuimini-upload .layui-col-xs6 {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
}

.layuimini-upload .layuimini-upload-btn {
    position: static !important;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 !important;
}

.layuimini-upload-show {
    margin-top: 10px;
}

.layui-upload-drag {
    border-color: var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-surface-soft);
}

.ztree {
    min-height: 260px;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 12px !important;
    background: var(--ac-surface-soft);
    color: var(--ac-text-soft);
    overflow: auto;
}

.ztree li span {
    font-size: 13px;
    line-height: 1.8;
}

.layui-input-group {
    display: inline-grid;
    grid-template-columns: auto minmax(90px, 140px) auto;
    align-items: center;
    max-width: 100%;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-surface);
    overflow: hidden;
}

.layui-input-group .layui-input-prefix,
.layui-input-group .layui-input-suffix {
    height: var(--ac-control-h);
    border: 0;
    background: var(--ac-surface-soft);
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: var(--ac-control-h);
}

.layui-input-group .layui-input {
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center;
}

/* Buttons */
.layui-btn {
    height: 34px;
    border-radius: 8px !important;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 700;
    line-height: 34px;
    box-shadow: none;
    transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease, border-color .14s ease, color .14s ease;
}

.layui-btn + .layui-btn {
    margin-left: 8px;
}

.layui-btn:hover {
    box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}

.layui-btn:active {
    transform: translateY(0);
}

.layui-btn-sm {
    height: 32px;
    padding: 0 11px;
    line-height: 32px;
}

.layui-btn-xs {
    height: 28px;
    min-width: 34px;
    padding: 0 9px;
    font-size: 12px;
    line-height: 28px;
}

.layui-btn-primary {
    border-color: var(--ac-border) !important;
    background: rgba(255, 255, 255, .92) !important;
    color: var(--ac-text) !important;
}

.layui-btn-normal,
.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled) {
    border-color: var(--ac-blue) !important;
    background: var(--ac-blue) !important;
    color: #fff !important;
}

.layui-btn-normal:hover,
.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled):hover {
    background: var(--ac-blue-hover) !important;
}

.layui-btn-danger {
    border-color: var(--ac-red) !important;
    background: var(--ac-red) !important;
    color: #fff !important;
}

.layui-btn-warm {
    border-color: var(--ac-orange) !important;
    background: var(--ac-orange) !important;
    color: #fff !important;
}

.layui-btn-disabled,
.layui-btn-disabled:hover {
    border-color: rgba(29, 29, 31, .08) !important;
    background: rgba(29, 29, 31, .05) !important;
    color: #a1a1a6 !important;
    box-shadow: none;
    transform: none;
}

.layui-btn .fa,
.layui-btn .layui-icon {
    margin-right: 5px;
}

/* Search and tables */
.table-search-fieldset {
    margin: 0 0 10px !important;
    padding: 10px !important;
}

.layui-elem-quote,
blockquote.layui-elem-quote {
    border-left: 0;
    border-radius: var(--ac-radius);
    padding: 12px 14px;
    background: var(--ac-surface-soft);
    color: var(--ac-text-soft);
    font-size: 13px;
    line-height: 1.65;
}

.layui-elem-field {
    border-color: var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-surface);
}

.layui-elem-field legend {
    margin-left: 12px;
    padding: 0 7px;
}

.layui-field-box {
    padding: 13px 14px;
}

.layui-iconpicker-body.layui-iconpicker-body-page .hide {
    display: none;
}

.table_fields {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.table_fields .input_tag {
    display: inline-flex;
    margin: 0;
}

.table-search-fieldset legend {
    padding: 0 8px;
}

.table-search-fieldset .layui-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    align-items: flex-start;
}

.table-search-fieldset .layui-form-item {
    margin-bottom: 0;
}

.table-search-fieldset .layui-inline {
    margin: 0;
}

.table-search-fieldset .layui-form-item.layui-inline {
    display: inline-flex;
    align-items: stretch;
}

.table-search-fieldset .layui-form-label {
    width: auto;
    min-width: 86px;
    height: var(--ac-control-h);
    padding: 0 12px;
    border: 1px solid var(--ac-border);
    border-right: 0;
    border-radius: var(--ac-radius) 0 0 var(--ac-radius);
    background: var(--ac-surface-soft);
    color: var(--ac-muted);
    font-size: 12px;
    line-height: var(--ac-control-h);
    text-align: left;
}

.table-search-fieldset .layui-input-inline {
    width: 176px;
    margin-left: 0;
}

.table-search-fieldset .layui-input,
.table-search-fieldset .layui-select,
.table-search-fieldset .layui-form-select .layui-input {
    min-width: 0;
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0 !important;
}

.table-search-fieldset .layui-form-select {
    min-width: 176px;
}

.table-search-fieldset select.layui-select {
    display: none !important;
}

.table-search-fieldset .layui-form-item.layui-inline[style*="margin-left"] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-left: 0 !important;
}

.table-search-fieldset .layui-form-item.layui-inline[style*="margin-left"] .layui-btn {
    margin: 0;
}

.layui-table-view {
    overflow: hidden;
    background: var(--ac-surface) !important;
}

.layui-table-box {
    background: var(--ac-surface);
}

.layui-table-tool {
    min-height: 52px;
    padding: 9px 12px !important;
    border-bottom: 1px solid var(--ac-border-soft) !important;
    background: var(--ac-surface-soft) !important;
}

.layui-table-tool-temp {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 100px;
}

.layui-table-tool-temp .layui-btn {
    margin: 0;
}

.layui-table-tool-self {
    top: 10px !important;
    right: 12px !important;
    display: flex;
    gap: 6px;
}

.layui-table-tool-self > div {
    width: 32px;
    height: 32px;
    border-color: var(--ac-border) !important;
    border-radius: var(--ac-radius) !important;
    background: var(--ac-surface) !important;
    color: var(--ac-muted);
    line-height: 32px;
    transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}

.layui-table-tool-self > div:hover {
    border-color: rgba(0, 113, 227, .34) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
    color: var(--ac-blue);
    transform: translateY(-1px);
}

.layui-table,
.layui-table-view,
.layui-table-header,
.layui-table-body,
.layui-table-cell {
    color: var(--ac-text);
    font-size: 13px;
}

.layui-table-header,
.layui-table-header th,
.layui-table thead tr,
.layui-table-header .layui-table-cell {
    background: var(--ac-surface-soft) !important;
    color: var(--ac-muted) !important;
    font-weight: 760 !important;
}

.layui-table-cell {
    height: auto;
    min-height: 36px;
    padding: 6px 8px;
    line-height: 1.42;
}

.ac-table-wrap {
    --ac-table-row-h: 68px;
}

.ac-member-table {
    --ac-table-row-h: 108px;
}

.ac-table-wrap .layui-table-body tr {
    height: var(--ac-table-row-h);
}

.ac-table-wrap .layui-table-body .layui-table-cell {
    display: flex;
    min-height: var(--ac-table-row-h);
    align-items: center;
    white-space: normal;
}

.ac-table-wrap .layui-table-header .layui-table-cell {
    display: flex;
    min-height: 44px;
    align-items: center;
}

.ac-table-wrap .layui-table-fixed-l .layui-table-body .layui-table-cell,
.ac-table-wrap .layui-table-fixed-r .layui-table-body .layui-table-cell,
.ac-table-wrap .layui-table-col-special .layui-table-cell {
    justify-content: center;
}

.ac-table-wrap .layui-table-fixed-r .layui-table-body .layui-table-cell {
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    overflow: visible;
}

.ac-table-wrap .layui-table-body .layui-table-col-special .layui-table-cell {
    gap: 6px;
    flex-wrap: wrap;
    align-content: center;
}

.ac-table-wrap .layui-table-body td[data-field="0"].layui-table-col-special .layui-table-cell {
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

.ac-member-table .layui-table-fixed-l .layui-table-body .layui-table-cell,
.ac-member-table .layui-table-fixed-r .layui-table-body .layui-table-cell,
.ac-member-table .layui-table-col-special .layui-table-cell {
    min-height: 108px;
}

.ac-member-table .layui-table-fixed-r .layui-table-body .layui-table-cell {
    justify-content: flex-start;
    padding-right: 12px;
    padding-left: 12px;
}

.ac-member-table .layui-table-body .layui-table-col-special .layui-table-cell {
    justify-content: flex-start;
    padding-right: 12px;
    padding-left: 12px;
    overflow: visible;
}

.ac-member-table .layui-table-body td[data-field="0"].layui-table-col-special .layui-table-cell {
    justify-content: center;
    padding-right: 8px;
    padding-left: 8px;
    overflow: hidden;
}

.ac-member-table .layui-table-cell .layui-btn {
    min-width: 0;
    height: 26px;
    border-radius: 8px !important;
    line-height: 26px;
}

.layui-table td,
.layui-table th,
.layui-table-col-special {
    border-color: rgba(29, 29, 31, .07) !important;
}

.layui-table tbody tr {
    transition: background-color .12s ease;
}

.layui-table tbody tr:hover,
.layui-table-hover {
    background: rgba(0, 113, 227, .04) !important;
}

.layui-table-cell .layui-btn {
    min-width: 44px;
    margin: 0 4px 0 0;
}

.layui-table-cell .layui-btn + .layui-btn {
    margin-left: 0;
}

.layui-table-fixed-r,
.layui-table-fixed-l {
    box-shadow: 0 0 22px rgba(0, 0, 0, .06);
}

.layui-table-fixed-r .layui-table-body,
.layui-table-fixed-l .layui-table-body,
.layui-table-fixed-r .layui-table-header,
.layui-table-fixed-l .layui-table-header {
    background: var(--ac-surface);
}

.ac-table-profile,
.ac-table-stack,
.ac-table-money,
.ac-table-time,
.ac-table-file,
.ac-table-address {
    display: grid;
    gap: 5px;
    width: 100%;
    min-width: 0;
    align-content: center;
}

.ac-table-profile {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 10px;
    align-items: center;
}

.ac-member-profile {
    display: grid;
    gap: 5px;
    width: 100%;
    min-width: 0;
    align-content: center;
    justify-items: start;
}

.ac-member-profile-main {
    display: flex;
    max-width: 100%;
    gap: 6px;
    align-items: center;
    min-width: 0;
}

.ac-member-profile-main .ac-table-title {
    min-width: 0;
}

.ac-member-id {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 1px 6px;
    background: rgba(29, 29, 31, .05);
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 760;
    line-height: 17px;
}

.ac-member-profile-lines {
    display: flex;
    gap: 4px 10px;
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    overflow: hidden;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.4;
}

.ac-member-profile-lines span {
    display: inline-flex;
    gap: 4px;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}

.ac-member-profile-lines em {
    flex: 0 0 auto;
    color: var(--ac-muted);
    font-style: normal;
}

.ac-member-profile-lines b {
    display: inline-block;
    overflow: hidden;
    max-width: 118px;
    color: var(--ac-text-soft);
    font-weight: 520;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-member-chip-row {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    min-width: 0;
}

.ac-member-chip {
    display: inline-flex;
    max-width: 100%;
    min-height: 22px;
    align-items: center;
    border: 1px solid var(--ac-border-soft);
    border-radius: 999px;
    padding: 2px 8px;
    background: var(--ac-surface-soft);
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-table-avatar,
.ac-table-thumb {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 113, 227, .12);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(0, 113, 227, .08));
    color: var(--ac-blue);
    font-size: 12px;
    font-weight: 760;
    line-height: 1;
    object-fit: cover;
}

.ac-table-thumb {
    width: 52px;
    height: 52px;
    background: var(--ac-bg);
}

.ac-table-title {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: var(--ac-text);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-table-sub,
.ac-table-meta,
.ac-table-time span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-table-note {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ac-table-money strong,
.ac-member-balance strong {
    color: var(--ac-text);
    font-size: 16px;
    font-weight: 760;
    line-height: 1.25;
}

.ac-member-assets {
    display: grid;
    gap: 7px;
    width: 100%;
    min-width: 0;
    align-content: center;
    justify-items: start;
}

.ac-member-balance {
    display: flex;
    max-width: 100%;
    gap: 8px;
    align-items: baseline;
    justify-content: flex-start;
    min-width: 0;
}

.ac-member-balance span {
    flex: 0 0 auto;
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 700;
}

.ac-member-balance strong {
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-member-stat-line {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    color: var(--ac-muted);
    overflow: hidden;
    font-size: 11px;
    line-height: 1.45;
    white-space: nowrap;
}

.ac-member-stat-line span {
    display: inline-flex;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    gap: 3px;
    color: var(--ac-muted);
    white-space: nowrap;
}

.ac-member-stat-line span + span::before {
    content: "";
    flex: 0 0 auto;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 1px;
    border-radius: 999px;
    background: rgba(134, 134, 139, .45);
}

.ac-member-stat-line em {
    flex: 0 0 auto;
    color: var(--ac-muted);
    font-style: normal;
}

.ac-member-stat-line b {
    display: inline-block;
    overflow: hidden;
    max-width: 44px;
    color: var(--ac-text);
    font-size: 12px;
    font-weight: 760;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-member-relation {
    display: grid;
    gap: 5px;
    width: 100%;
    min-width: 0;
    align-content: center;
}

.ac-member-relation span {
    display: flex;
    gap: 6px;
    align-items: center;
    min-width: 0;
    color: var(--ac-text-soft);
    font-size: 12px;
    line-height: 1.35;
}

.ac-member-relation em {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 1px 6px;
    background: rgba(29, 29, 31, .05);
    color: var(--ac-muted);
    font-size: 11px;
    font-style: normal;
    line-height: 17px;
    text-align: center;
}

.ac-member-relation b {
    display: inline-block;
    overflow: hidden;
    min-width: 0;
    max-width: 72px;
    color: var(--ac-text);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-table-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    min-width: 0;
    align-items: center;
    justify-content: center;
}

.ac-table-tags .layui-badge,
.ac-table-tags .layui-badge-rim {
    margin: 0;
}

.ac-table-address code {
    display: block;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 4px 7px;
    background: var(--ac-surface-soft);
    color: var(--ac-text-soft);
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-address-head {
    display: flex;
    max-width: 100%;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.ac-address-head .layui-btn {
    margin: 0;
}

.ac-address-type-note {
    color: #9a3412;
}

.ac-table-address code.ac-withdrawal-address-full,
.ac-address-warning code {
    overflow: visible;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ac-address-warning {
    display: grid;
    max-width: 100%;
    gap: 5px;
    border: 1px solid rgba(220, 38, 38, .22);
    border-radius: var(--ac-radius);
    padding: 7px 8px;
    background: #fff7ed;
    color: #991b1b;
}

.ac-address-warning strong {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 12px;
    line-height: 1.35;
}

.ac-address-warning span {
    font-size: 12px;
    line-height: 1.45;
}

.ac-address-warning .ac-table-meta {
    color: #9a3412;
}

.ac-table-actions,
.layui-table-cell .ac-table-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.ac-table-actions .layui-btn,
.layui-table-cell .ac-table-actions .layui-btn {
    margin: 0;
}

.ac-member-actions {
    display: grid;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.ac-member-action-group {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 6px;
    align-items: center;
    min-width: 0;
}

.ac-member-action-label {
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 760;
    line-height: 1;
    text-align: right;
}

.ac-member-action-group > div {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    min-width: 0;
    align-items: center;
}

.ac-member-actions .layui-btn {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 8px;
}

.ac-member-actions .layui-btn .fa {
    margin-right: 0;
    font-size: 11px;
}

.layui-table img,
.ac-media-strip img,
.ac-task-card img,
.layuimini-upload-show img {
    width: 52px;
    height: 52px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-bg);
    object-fit: cover;
}

.ac-preview-img {
    margin-top: 10px;
    width: 120px;
    height: 90px;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-bg);
    object-fit: cover;
}

.ac-table-gap {
    margin-top: 16px;
}

.ac-empty-state {
    display: grid;
    gap: 8px;
    min-height: 92px;
    place-content: center;
    border: 1px dashed var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-surface-soft);
    color: var(--ac-muted);
    font-size: 13px;
    text-align: center;
}

.ac-qr-card {
    display: inline-grid;
    gap: 10px;
    max-width: 320px;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 14px;
    background: var(--ac-surface-soft);
}

.ac-qr-card img {
    width: 200px;
    height: 200px;
    justify-self: center;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-surface);
}

.layui-table-page {
    min-height: 48px;
    border-top: 1px solid var(--ac-border-soft);
    background: var(--ac-surface-soft) !important;
    color: var(--ac-muted);
}

.layui-laypage {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}

.layui-laypage a,
.layui-laypage span,
.layui-laypage input,
.layui-laypage button,
.layui-laypage select {
    min-width: 30px;
    height: 30px;
    border-color: var(--ac-border) !important;
    border-radius: var(--ac-radius) !important;
    background: var(--ac-surface);
    color: var(--ac-text-soft);
    line-height: 30px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    border-radius: var(--ac-radius) !important;
    background: var(--ac-blue) !important;
}

.layui-badge,
.layui-badge-rim {
    min-width: 42px;
    min-height: 22px;
    border: 0;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.layui-bg-green {
    background: var(--ac-green) !important;
}

.layui-bg-gray {
    background: var(--ac-subtle) !important;
}

.layui-bg-blue {
    background: var(--ac-blue) !important;
}

.layui-bg-red {
    background: var(--ac-red) !important;
}

/* Layers and panels */
.layui-layer {
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: var(--ac-radius) !important;
    box-shadow: var(--ac-shadow-pop) !important;
    overflow: hidden;
}

.layui-layer-easy .layui-layer-title,
.layui-layer-title {
    height: 50px;
    border-bottom: 1px solid var(--ac-border-soft) !important;
    background: rgba(255, 255, 255, .94) !important;
    color: var(--ac-text) !important;
    font-size: 14px;
    font-weight: 760;
    line-height: 50px;
}

.layui-layer-content {
    background: var(--ac-bg);
    color: var(--ac-text);
}

.layui-layer-dialog .layui-layer-content {
    padding: 22px 24px;
    line-height: 1.7;
}

.layui-layer-easy .layui-layer-btn,
.layui-layer-btn {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    border-top: 1px solid var(--ac-border-soft);
    background: rgba(255, 255, 255, .94);
    padding: 12px 16px;
}

.layui-layer-btn a {
    height: 32px;
    margin: 0 !important;
    border-radius: var(--ac-radius) !important;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 700;
    line-height: 32px;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: var(--ac-blue) !important;
    background: var(--ac-blue) !important;
    color: #fff !important;
}

.layui-layer-easy .layui-layer-title,
.layui-layer-title {
    padding-right: 126px;
}

.layui-layer-setwin,
.layui-layer-easy .layui-layer-title ~ .layui-layer-setwin {
    top: 10px !important;
    right: 12px !important;
    display: inline-flex !important;
    height: 30px;
    align-items: center;
    gap: 6px;
    line-height: 1;
}

.layui-layer-setwin > a,
.layui-layer-setwin > span,
.layui-layer-easy .layui-layer-setwin > a,
.layui-layer-easy .layui-layer-setwin > span {
    position: relative !important;
    display: inline-flex !important;
    width: 30px !important;
    height: 30px !important;
    align-items: center;
    justify-content: center;
    margin-left: 0 !important;
    border: 1px solid var(--ac-border-soft) !important;
    border-radius: var(--ac-radius) !important;
    background: rgba(255, 255, 255, .94) !important;
    background-image: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    color: var(--ac-text-soft) !important;
    cursor: pointer;
    line-height: 30px !important;
    opacity: 1 !important;
    overflow: hidden;
    text-indent: 0 !important;
    transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease, color .14s ease, transform .14s ease;
}

.layui-layer-setwin > a:hover,
.layui-layer-setwin > span:hover,
.layui-layer-easy .layui-layer-setwin > a:hover,
.layui-layer-easy .layui-layer-setwin > span:hover {
    border-color: rgba(0, 113, 227, .24) !important;
    background: rgba(0, 113, 227, .08) !important;
    color: var(--ac-blue) !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}

.layui-layer-setwin > a:focus,
.layui-layer-setwin > span:focus,
.layui-layer-easy .layui-layer-setwin > a:focus,
.layui-layer-easy .layui-layer-setwin > span:focus {
    outline: 2px solid rgba(0, 113, 227, .24);
    outline-offset: 2px;
    text-decoration: none !important;
}

.layui-layer-easy .layui-layer-setwin > a cite,
.layui-layer-easy .layui-layer-setwin > span cite,
.layui-layer-setwin > a cite,
.layui-layer-setwin > span cite {
    display: none !important;
}

.layui-layer-setwin > a::before,
.layui-layer-setwin > a::after,
.layui-layer-setwin > span::before,
.layui-layer-setwin > span::after,
.layui-layer-easy .layui-layer-setwin > a::before,
.layui-layer-easy .layui-layer-setwin > a::after,
.layui-layer-easy .layui-layer-setwin > span::before,
.layui-layer-easy .layui-layer-setwin > span::after {
    position: absolute !important;
    display: block !important;
    box-sizing: border-box;
    margin: 0 !important;
    color: currentColor !important;
    font-family: inherit !important;
    font-size: 0 !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.layui-layer-setwin .layui-layer-min::before,
.layui-layer-easy .layui-layer-setwin .layui-layer-min::before {
    content: "" !important;
    left: 7px;
    top: 17px;
    width: 14px;
    height: 2px;
    border: 0 !important;
    border-radius: 999px;
    background: currentColor !important;
}

.layui-layer-setwin .layui-layer-min::after,
.layui-layer-easy .layui-layer-setwin .layui-layer-min::after {
    content: "" !important;
    display: none !important;
}

.layui-layer-setwin .layui-layer-max::before,
.layui-layer-easy .layui-layer-setwin .layui-layer-max::before {
    content: "" !important;
    left: 8px;
    top: 8px;
    width: 13px;
    height: 12px;
    border: 2px solid currentColor !important;
    border-radius: 3px;
    background: transparent !important;
}

.layui-layer-setwin .layui-layer-max::after,
.layui-layer-easy .layui-layer-setwin .layui-layer-max::after {
    content: "" !important;
    display: none !important;
}

.layui-layer-setwin .layui-layer-maxmin::before,
.layui-layer-easy .layui-layer-setwin .layui-layer-maxmin::before {
    left: 10px;
    top: 7px;
}

.layui-layer-setwin .layui-layer-close1,
.layui-layer-setwin .layui-layer-close2,
.layui-layer-easy .layui-layer-setwin .layui-layer-close1,
.layui-layer-easy .layui-layer-setwin .layui-layer-close2 {
    color: var(--ac-red) !important;
}

.layui-layer-setwin .layui-layer-close1:hover,
.layui-layer-setwin .layui-layer-close2:hover,
.layui-layer-easy .layui-layer-setwin .layui-layer-close1:hover,
.layui-layer-easy .layui-layer-setwin .layui-layer-close2:hover {
    border-color: var(--ac-red) !important;
    background: var(--ac-red) !important;
    color: #fff !important;
}

.layui-layer-setwin .layui-layer-close1::before,
.layui-layer-setwin .layui-layer-close2::before,
.layui-layer-easy .layui-layer-setwin .layui-layer-close1::before,
.layui-layer-easy .layui-layer-setwin .layui-layer-close2::before {
    content: "" !important;
    left: 7px;
    top: 14px;
    width: 14px;
    height: 2px;
    border: 0 !important;
    border-radius: 999px;
    background: currentColor !important;
    transform: rotate(45deg);
}

.layui-layer-setwin .layui-layer-close1::after,
.layui-layer-setwin .layui-layer-close2::after,
.layui-layer-easy .layui-layer-setwin .layui-layer-close1::after,
.layui-layer-easy .layui-layer-setwin .layui-layer-close2::after {
    content: "" !important;
    left: 7px;
    top: 14px;
    width: 14px;
    height: 2px;
    border: 0 !important;
    border-radius: 999px;
    background: currentColor !important;
    transform: rotate(-45deg);
}

.layui-layer-iframe iframe {
    background: var(--ac-bg);
}

/* Dashboard */
.ac-dashboard {
    width: 100%;
    padding: 10px;
    color: var(--ac-text);
}

.ac-dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: 12px;
    align-items: end;
    margin-bottom: 10px;
    padding: 12px;
}

.ac-dashboard-kicker,
.ac-dashboard-panel-head p {
    margin: 0 0 4px;
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 760;
    text-transform: uppercase;
}

.ac-dashboard-hero h1,
.ac-dashboard-panel-head h2 {
    margin: 0;
    color: var(--ac-text);
    font-weight: 760;
    line-height: 1.18;
}

.ac-dashboard-hero h1 {
    max-width: 720px;
    font-size: 20px;
}

.ac-dashboard-subtitle {
    max-width: 760px;
    margin: 6px 0 0;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.55;
}

.ac-dashboard-hero-metrics,
.ac-dashboard-stats,
.ac-dashboard-grid,
.ac-dashboard-operation-grid,
.ac-dashboard-finance,
.ac-dashboard-actions,
.ac-dashboard-runtime {
    display: grid;
    gap: 10px;
}

.ac-dashboard-hero-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ac-dashboard-hero-metrics div,
.ac-dashboard-operation-grid div,
.ac-dashboard-finance div,
.ac-dashboard-runtime div {
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-surface-soft);
    padding: 10px;
}

.ac-dashboard-hero-metrics span,
.ac-dashboard-operation-grid span,
.ac-dashboard-finance span,
.ac-dashboard-runtime span,
.ac-dashboard-stat span {
    display: block;
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

.ac-dashboard-hero-metrics strong {
    display: block;
    margin-top: 5px;
    overflow-wrap: anywhere;
    color: var(--ac-text);
    font-size: 18px;
    font-weight: 760;
    line-height: 1.1;
}

.ac-dashboard-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 10px;
}

.ac-dashboard-stat {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
    padding: 10px;
}

.ac-dashboard-stat-icon,
.ac-dashboard-actions i {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 113, 227, .16);
    border-radius: var(--ac-radius);
    background: rgba(0, 113, 227, .08);
    color: var(--ac-blue);
    font-size: 15px;
}

.ac-dashboard-stat strong,
.ac-dashboard-operation-grid strong,
.ac-dashboard-finance strong,
.ac-dashboard-runtime strong {
    display: block;
    margin-top: 4px;
    overflow-wrap: anywhere;
    color: var(--ac-text);
    font-size: 17px;
    font-weight: 760;
    line-height: 1.15;
}

.ac-dashboard-stat small,
.ac-dashboard-finance small {
    display: block;
    margin-top: 4px;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.5;
}

.ac-dashboard-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr);
    margin-bottom: 10px;
}

.ac-dashboard-grid + .ac-dashboard-grid {
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.3fr);
}

.ac-dashboard-panel {
    min-width: 0;
    padding: 12px;
}

.ac-dashboard-panel-head {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

.ac-dashboard-panel-head h2 {
    font-size: 16px;
}

.ac-dashboard-panel-head a {
    flex: 0 0 auto;
    min-height: 32px;
    border: 1px solid rgba(0, 113, 227, .18);
    border-radius: var(--ac-radius);
    padding: 7px 10px;
    background: rgba(0, 113, 227, .06);
    color: var(--ac-blue);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.ac-dashboard-operation-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ac-dashboard-finance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ac-dashboard-bars {
    display: grid;
    grid-template-columns: repeat(7, minmax(32px, 1fr));
    gap: 10px;
    align-items: end;
    min-height: 160px;
}

.ac-dashboard-bar-item {
    display: grid;
    gap: 7px;
    min-width: 0;
    text-align: center;
}

.ac-dashboard-bar-track {
    display: flex;
    height: 104px;
    align-items: end;
    justify-content: center;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-surface-soft);
    overflow: hidden;
}

.ac-dashboard-bar {
    width: 100%;
    min-height: 6px;
    border-radius: var(--ac-radius) var(--ac-radius) 0 0;
    background: var(--ac-blue);
}

.ac-dashboard-bar-item strong,
.ac-dashboard-bar-item span {
    font-size: 12px;
}

.ac-dashboard-bar-item strong {
    color: var(--ac-text);
    font-weight: 760;
}

.ac-dashboard-bar-item span {
    color: var(--ac-muted);
}

.ac-dashboard-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ac-dashboard-actions a {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 5px 10px;
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 10px;
    background: var(--ac-surface-soft);
    color: var(--ac-text);
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.ac-dashboard-actions a:hover {
    border-color: rgba(0, 113, 227, .28);
    box-shadow: none;
    transform: translateY(-1px);
}

.ac-dashboard-actions i {
    grid-row: span 2;
    width: 36px;
    height: 36px;
    font-size: 15px;
}

.ac-dashboard-actions strong {
    overflow: hidden;
    font-size: 14px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-dashboard-actions span {
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.45;
}

.ac-dashboard-runtime {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ac-dashboard-runtime strong {
    font-size: 14px;
}

.ac-data-screen {
    display: grid;
    gap: 10px;
}

.ac-screen-hero,
.ac-screen-panel,
.ac-screen-kpi {
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-surface);
    box-shadow: var(--ac-shadow-soft);
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
}

.ac-screen-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: 14px;
    align-items: stretch;
    padding: 14px;
}

.ac-screen-copy {
    display: grid;
    align-content: center;
    min-width: 0;
}

.ac-screen-copy h1 {
    margin: 0;
    color: var(--ac-text);
    font-size: 24px;
    font-weight: 760;
    line-height: 1.15;
}

.ac-screen-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.ac-screen-meta span,
.ac-trend-legend span,
.ac-screen-footnote span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--ac-border-soft);
    border-radius: 999px;
    padding: 5px 9px;
    background: var(--ac-surface-soft);
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.ac-screen-focus {
    display: grid;
    align-content: center;
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 16px;
    background: linear-gradient(135deg, rgba(0, 113, 227, .08), rgba(52, 199, 89, .08));
}

.ac-screen-focus span,
.ac-screen-kpi span,
.ac-health-item span,
.ac-finance-grid span {
    display: block;
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 760;
    line-height: 1.35;
}

.ac-screen-focus strong {
    display: block;
    margin-top: 8px;
    overflow-wrap: anywhere;
    color: var(--ac-text);
    font-size: 34px;
    font-weight: 780;
    line-height: 1.05;
}

.ac-screen-focus strong.is-positive {
    color: #167c3a;
}

.ac-screen-focus strong.is-negative {
    color: var(--ac-red);
}

.ac-screen-focus small {
    display: block;
    margin-top: 9px;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.5;
}

.ac-screen-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.ac-screen-kpi {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
    padding: 12px;
}

.ac-screen-kpi-icon {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 113, 227, .16);
    border-radius: var(--ac-radius);
    background: rgba(0, 113, 227, .08);
    color: var(--ac-blue);
    font-size: 15px;
}

.ac-screen-kpi strong,
.ac-health-item strong,
.ac-finance-grid strong {
    display: block;
    margin-top: 4px;
    overflow-wrap: anywhere;
    color: var(--ac-text);
    font-size: 18px;
    font-weight: 760;
    line-height: 1.12;
}

.ac-screen-kpi small,
.ac-screen-kpi em,
.ac-health-item small,
.ac-finance-grid small,
.ac-level-row small,
.ac-screen-actions small,
.ac-queue-row small {
    display: block;
    margin-top: 4px;
    color: var(--ac-muted);
    font-size: 12px;
    font-style: normal;
    line-height: 1.45;
}

.ac-screen-kpi em {
    color: var(--ac-blue);
    font-weight: 700;
}

.ac-screen-layout {
    display: grid;
    grid-template-columns: minmax(320px, .95fr) minmax(0, 1.35fr);
    gap: 10px;
}

.ac-screen-layout-wide {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .9fr);
}

.ac-screen-panel {
    min-width: 0;
    padding: 12px;
}

.ac-screen-panel-tall {
    align-self: stretch;
}

.ac-queue-list,
.ac-level-list,
.ac-screen-actions {
    display: grid;
    gap: 8px;
}

.ac-queue-row,
.ac-screen-actions a {
    display: grid;
    align-items: center;
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-surface-soft);
    color: var(--ac-text);
}

.ac-queue-row {
    grid-template-columns: 34px minmax(0, 1fr) auto auto;
    gap: 10px;
    padding: 10px;
}

.ac-queue-row:hover,
.ac-screen-actions a:hover {
    border-color: rgba(0, 113, 227, .26);
    color: var(--ac-text);
}

.ac-queue-row > i,
.ac-screen-actions i {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: var(--ac-radius);
    background: rgba(0, 113, 227, .08);
    color: var(--ac-blue);
}

.ac-queue-row strong,
.ac-level-row strong,
.ac-screen-actions strong {
    display: block;
    overflow: hidden;
    color: var(--ac-text);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-queue-row b {
    color: var(--ac-text);
    font-size: 18px;
    font-weight: 780;
    line-height: 1;
    text-align: right;
}

.ac-queue-row b small {
    display: inline;
    margin-left: 2px;
}

.ac-queue-row em {
    color: var(--ac-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 760;
}

.ac-health-grid,
.ac-finance-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.ac-health-item,
.ac-finance-grid div,
.ac-level-row {
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 10px;
    background: var(--ac-surface-soft);
}

.ac-meter {
    width: 100%;
    height: 7px;
    margin-top: 8px;
    border-radius: 999px;
    background: rgba(29, 29, 31, .08);
    overflow: hidden;
}

.ac-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--ac-blue), var(--ac-green));
}

.ac-trend-legend {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ac-trend-legend span {
    min-height: 24px;
    padding: 4px 8px;
}

.ac-trend-legend span::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: currentColor;
}

.ac-trend-legend .is-task {
    color: var(--ac-blue);
}

.ac-trend-legend .is-recharge {
    color: var(--ac-green);
}

.ac-trend-legend .is-withdraw {
    color: var(--ac-orange);
}

.ac-trend-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(46px, 1fr));
    gap: 8px;
    align-items: end;
    min-height: 190px;
}

.ac-trend-day {
    display: grid;
    gap: 6px;
    min-width: 0;
    text-align: center;
}

.ac-trend-bars {
    display: flex;
    height: 126px;
    align-items: end;
    justify-content: center;
    gap: 4px;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 8px 6px 0;
    background: var(--ac-surface-soft);
    overflow: hidden;
}

.ac-trend-bars span {
    width: 9px;
    min-height: 4px;
    border-radius: 999px 999px 0 0;
}

.ac-trend-bars .is-task {
    background: var(--ac-blue);
}

.ac-trend-bars .is-recharge {
    background: var(--ac-green);
}

.ac-trend-bars .is-withdraw {
    background: var(--ac-orange);
}

.ac-trend-day strong {
    color: var(--ac-text);
    font-size: 12px;
    font-weight: 760;
}

.ac-trend-day small {
    color: var(--ac-muted);
    font-size: 12px;
}

.ac-level-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(110px, .45fr);
    gap: 12px;
    align-items: center;
}

.ac-screen-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ac-screen-actions a {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 10px;
}

.ac-screen-actions b {
    min-width: 28px;
    border-radius: 999px;
    padding: 4px 7px;
    background: rgba(0, 113, 227, .1);
    color: var(--ac-blue);
    font-size: 12px;
    font-weight: 780;
    text-align: center;
}

.ac-screen-footnote {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ac-empty-note {
    margin: 0;
    border: 1px dashed var(--ac-border);
    border-radius: var(--ac-radius);
    padding: 14px;
    color: var(--ac-muted);
    font-size: 13px;
    text-align: center;
}

.ac-image-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    min-height: 52px;
    border: 1px solid var(--ac-border);
    border-radius: var(--ac-radius);
    padding: 6px;
    background: var(--ac-bg);
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.3;
    text-align: center;
}

.ac-log-layout {
    display: grid;
    grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
    gap: 16px;
}

.ac-card-action {
    float: right;
    margin-top: 7px;
}

.ac-log-tree {
    height: 500px;
    overflow: auto;
}

.ac-log-footer {
    display: grid;
    gap: 12px;
    border-top: 1px solid var(--ac-border-soft);
    padding: 14px;
    background: var(--ac-surface-soft);
}

.ac-log-controls,
.ac-log-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.ac-log-actions {
    justify-content: stretch;
}

.ac-log-actions .layui-form-select,
.ac-log-actions select,
.ac-log-actions .layui-btn {
    flex: 1 1 160px;
}

.ac-log-lines {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: var(--ac-muted);
    font-size: 12px;
}

.ac-log-lines input {
    width: 86px;
    text-align: center;
}

.ac-log-result {
    min-height: 500px;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 16px;
    background: var(--ac-surface-soft);
    overflow: auto;
}

.ac-log-empty {
    display: grid;
    min-height: 460px;
    place-content: center;
    color: var(--ac-muted);
    text-align: center;
}

.ac-log-empty .layui-icon {
    color: var(--ac-subtle);
    font-size: 44px;
}

.ac-settings-page {
    gap: 14px;
}

.ac-settings-hero {
    align-items: center;
}

.ac-settings-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ac-settings-main span,
.ac-settings-main small {
    display: block;
    overflow: hidden;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-settings-workbench {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: start;
    min-width: 0;
}

.ac-settings-filter {
    position: static;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 8px;
    background: var(--ac-surface);
    box-shadow: var(--ac-shadow-soft);
}

.ac-settings-search {
    position: relative;
    display: block;
    flex: 0 1 280px;
    min-width: 0;
}

.ac-settings-search i {
    position: absolute;
    left: 11px;
    top: 50%;
    color: var(--ac-muted);
    transform: translateY(-50%);
}

.ac-settings-search input {
    width: 100%;
    height: 36px;
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 0 10px 0 32px;
    background: var(--ac-surface-soft);
    color: var(--ac-text);
    font-size: 13px;
}

.ac-settings-filter button {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 34px;
    min-width: 0;
    flex: 0 0 auto;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 0 10px;
    background: var(--ac-surface-soft);
    color: var(--ac-text-soft);
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.ac-settings-filter button span {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-settings-filter button strong {
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.ac-settings-filter button:hover,
.ac-settings-filter button.is-active {
    border-color: rgba(0, 113, 227, .16);
    background: rgba(0, 113, 227, .08);
    color: var(--ac-blue);
}

.ac-settings-filter button:hover strong,
.ac-settings-filter button.is-active strong {
    color: var(--ac-blue);
}

.ac-settings-list {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.ac-settings-section,
.ac-settings-advanced {
    display: grid;
    gap: 10px;
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 10px;
    background: var(--ac-surface);
    box-shadow: var(--ac-shadow-soft);
}

.ac-settings-section-head {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.ac-settings-section-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 113, 227, .16);
    border-radius: var(--ac-radius);
    background: rgba(0, 113, 227, .08);
    color: var(--ac-blue);
}

.ac-settings-section-head h2 {
    margin: 0;
    color: var(--ac-text);
    font-size: 15px;
    font-weight: 760;
    line-height: 1.25;
}

.ac-settings-section-head p {
    margin: 4px 0 0;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.55;
}

.ac-settings-table {
    display: grid;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: var(--ac-surface);
}

.ac-settings-table-head,
.ac-settings-row {
    display: grid;
    grid-template-columns: minmax(170px, .85fr) minmax(240px, 1.1fr) minmax(210px, .9fr) 92px;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.ac-settings-table-head {
    min-height: 38px;
    border-bottom: 1px solid var(--ac-border-soft);
    padding: 0 12px;
    background: var(--ac-surface-soft);
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 760;
}

.ac-settings-row {
    min-height: 68px;
    border-bottom: 1px solid var(--ac-border-soft);
    padding: 8px 10px;
    background: var(--ac-surface);
}

.ac-settings-row:last-child {
    border-bottom: 0;
}

.ac-settings-row:hover {
    background: rgba(0, 113, 227, .035);
}

.ac-settings-main,
.ac-settings-value,
.ac-settings-meta,
.ac-settings-row-actions {
    min-width: 0;
}

.ac-settings-main strong {
    display: block;
    color: var(--ac-text);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ac-settings-main small {
    margin-top: 2px;
}

.ac-settings-type {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    border: 1px solid var(--ac-border-soft);
    border-radius: 999px;
    padding: 3px 8px;
    background: var(--ac-surface);
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.ac-settings-group {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    margin-left: 4px;
    border: 1px solid rgba(0, 113, 227, .14);
    border-radius: 999px;
    padding: 3px 8px;
    background: rgba(0, 113, 227, .07);
    color: var(--ac-blue);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.ac-settings-value {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ac-settings-value code {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--ac-text-soft);
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ac-settings-meta {
    display: grid;
    gap: 6px;
}

.ac-settings-meta > div {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    min-width: 0;
}

.ac-settings-meta p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ac-settings-row-actions {
    display: flex;
    justify-content: flex-end;
}

.ac-settings-empty {
    display: grid;
    min-height: 220px;
    place-items: center;
    border: 1px dashed var(--ac-border);
    border-radius: var(--ac-radius);
    padding: 28px;
    background: var(--ac-surface);
    color: var(--ac-muted);
    text-align: center;
}

.ac-settings-empty i {
    color: var(--ac-subtle);
    font-size: 28px;
}

.ac-settings-empty strong,
.ac-settings-empty span {
    display: block;
}

.ac-settings-toolbar {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 10px;
    background: rgba(255, 255, 255, .82);
    box-shadow: var(--ac-shadow-soft);
}

.ac-settings-toolbar .ac-settings-search {
    flex: 0 1 420px;
}

.ac-settings-statline {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 0;
}

.ac-settings-statline span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    border: 1px solid var(--ac-border-soft);
    border-radius: 999px;
    padding: 0 10px;
    background: var(--ac-surface-soft);
    color: var(--ac-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.ac-settings-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 8px;
    background: var(--ac-surface);
    box-shadow: var(--ac-shadow-soft);
}

.ac-settings-tabs button {
    display: inline-grid;
    grid-template-columns: auto minmax(0, auto) auto;
    gap: 7px;
    align-items: center;
    min-height: 36px;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0 12px;
    background: transparent;
    color: var(--ac-text-soft);
    font-size: 13px;
    font-weight: 760;
    cursor: pointer;
}

.ac-settings-tabs button i {
    color: var(--ac-muted);
}

.ac-settings-tabs button span {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-settings-tabs button strong {
    display: inline-flex;
    min-width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(110, 110, 115, .11);
    color: var(--ac-muted);
    font-size: 11px;
    font-weight: 760;
}

.ac-settings-tabs button:hover,
.ac-settings-tabs button.is-active {
    border-color: rgba(0, 113, 227, .16);
    background: rgba(0, 113, 227, .08);
    color: var(--ac-blue);
}

.ac-settings-tabs button:hover i,
.ac-settings-tabs button.is-active i,
.ac-settings-tabs button:hover strong,
.ac-settings-tabs button.is-active strong {
    color: var(--ac-blue);
}

.ac-settings-panels {
    display: grid;
    min-width: 0;
}

.ac-settings-panel {
    display: none;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    background: rgba(255, 255, 255, .88);
    box-shadow: var(--ac-shadow-soft);
}

.ac-settings-panel.is-active {
    display: block;
}

.ac-settings-panel-head {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-width: 0;
    border-bottom: 1px solid var(--ac-border-soft);
    padding: 14px 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(245, 245, 247, .82));
}

.ac-settings-panel-head h2 {
    margin: 0;
    color: var(--ac-text);
    font-size: 16px;
    font-weight: 780;
    line-height: 1.25;
}

.ac-settings-panel-head p {
    margin: 4px 0 0;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.55;
}

.ac-settings-panel-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ac-settings-ga-code {
    width: 132px;
    height: 32px;
    margin: 0;
    text-align: center;
    letter-spacing: 0;
}

.ac-settings-form-table {
    display: grid;
    min-width: 0;
}

.ac-settings-form-row {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(280px, 1fr) minmax(150px, 190px);
    gap: 16px;
    align-items: start;
    min-width: 0;
    border-bottom: 1px solid var(--ac-border-soft);
    padding: 13px 16px;
    background: var(--ac-surface);
}

.ac-settings-form-row:nth-child(even) {
    background: rgba(245, 245, 247, .58);
}

.ac-settings-form-row:hover {
    background: rgba(0, 113, 227, .035);
}

.ac-settings-form-row:last-child {
    border-bottom: 0;
}

.ac-settings-form-label,
.ac-settings-form-control,
.ac-settings-form-meta {
    min-width: 0;
}

.ac-settings-form-label strong {
    display: block;
    color: var(--ac-text);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ac-settings-form-label span {
    display: block;
    margin-top: 4px;
    color: var(--ac-muted);
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.ac-settings-form-control .layui-input,
.ac-settings-form-control .layui-select,
.ac-setting-upload-line .layui-input {
    height: 38px;
    border-color: var(--ac-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    color: var(--ac-text);
}

.ac-settings-form-control .layui-input:focus,
.ac-settings-form-control .layui-textarea:focus,
.ac-setting-upload-line .layui-input:focus {
    border-color: rgba(0, 113, 227, .55) !important;
    box-shadow: 0 0 0 3px rgba(0, 113, 227, .12);
}

.ac-settings-textarea {
    min-height: 92px;
    border-color: var(--ac-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    color: var(--ac-text);
    line-height: 1.55;
    resize: vertical;
}

.ac-settings-codearea {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
}

.ac-settings-options {
    display: flex;
    gap: 8px 14px;
    flex-wrap: wrap;
    min-height: 38px;
    align-items: center;
    padding-top: 2px;
}

.ac-setting-upload-line {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto auto;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.ac-setting-upload-line .layui-btn {
    height: 38px;
    margin: 0;
    border-radius: 8px;
    line-height: 38px;
}

.ac-setting-media-preview,
.ac-settings-form-control .layuimini-upload-show {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 10px 0 0;
    padding: 0;
}

.ac-setting-media-preview:empty {
    display: none;
}

.ac-setting-media-preview img,
.ac-settings-form-control .layuimini-upload-show img {
    width: 176px;
    height: 96px;
    border: 1px solid var(--ac-border-soft);
    border-radius: 8px;
    background: var(--ac-surface-soft);
    object-fit: contain;
}

.ac-setting-media-preview a {
    display: inline-flex;
    max-width: 100%;
    min-height: 34px;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--ac-border-soft);
    border-radius: 8px;
    padding: 0 10px;
    background: var(--ac-surface-soft);
    color: var(--ac-text-soft);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.ac-settings-form-control .layuimini-upload-show {
    margin-left: 0 !important;
}

.ac-settings-form-control .layuimini-upload-show li {
    position: relative;
    list-style: none;
}

.ac-settings-form-control .layuimini-upload-show .uploads-delete-tip {
    position: absolute;
    top: -6px;
    right: -6px;
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--ac-red) !important;
    color: #fff;
    cursor: pointer;
}

.ac-settings-form-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding-top: 3px;
}

.ac-settings-form-meta span,
.ac-settings-form-meta em {
    display: inline-flex;
    max-width: 100%;
    min-height: 24px;
    align-items: center;
    border: 1px solid var(--ac-border-soft);
    border-radius: 999px;
    padding: 0 8px;
    background: var(--ac-surface-soft);
    color: var(--ac-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.ac-settings-form-meta em {
    border-color: rgba(0, 113, 227, .14);
    background: rgba(0, 113, 227, .07);
    color: var(--ac-blue);
}

.ac-settings-form-meta .layui-btn {
    margin: 0;
    border-radius: 999px;
}

.ac-settings-form-footer {
    display: flex;
    gap: 8px;
    justify-content: center;
    border-top: 1px solid var(--ac-border-soft);
    padding: 14px 16px;
    background: rgba(245, 245, 247, .68);
}

.ac-settings-form-footer .layui-btn {
    min-width: 72px;
    margin: 0;
}

.ac-loading-mask {
    position: absolute;
    inset: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.ac-loading-content {
    border: 1px solid var(--ac-border-soft);
    border-radius: var(--ac-radius);
    padding: 18px 22px;
    background: var(--ac-surface);
    color: var(--ac-text);
    text-align: center;
    box-shadow: var(--ac-shadow-soft);
}

.ac-loading-content .layui-icon {
    color: var(--ac-blue);
    font-size: 34px;
}

.ac-loading-content p {
    margin-top: 12px;
    color: var(--ac-muted);
    font-size: 13px;
}

@keyframes ac-fade-in {
    from {
        opacity: .72;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.layuimini-main,
.ac-shell,
.ac-dashboard {
    animation: ac-fade-in .18s ease both;
}

@media screen and (max-width: 1180px) {
    .ac-dashboard-hero,
    .ac-dashboard-grid,
    .ac-dashboard-grid + .ac-dashboard-grid,
    .ac-screen-hero,
    .ac-screen-layout,
    .ac-screen-layout-wide {
        grid-template-columns: 1fr;
    }

    .ac-dashboard-stats,
    .ac-screen-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-health-grid,
    .ac-finance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-log-layout {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1024px) {
    .layui-form-label {
        width: 104px;
    }

    .layui-input-block {
        margin-left: 124px;
    }

    .layui-table-tool {
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media screen and (max-width: 768px) {
    .layui-layout-admin .layuimini-logo {
        width: 186px;
    }

    .layuimini-tool {
        left: 186px;
    }

    .layui-layout-left {
        left: 242px !important;
    }

    .layuimini-tab {
        padding: 8px;
    }

    .layuimini-main {
        margin: 10px;
    }

    .layuimini-container {
        padding: 12px;
    }

    .layui-form-label {
        float: none;
        display: block;
        width: auto;
        padding: 0 0 7px;
        text-align: left;
    }

    .layui-input-block,
    .layui-input-inline {
        display: block;
        width: auto !important;
        margin-left: 0 !important;
    }

    .table-search-fieldset .layui-form {
        display: grid;
        gap: 10px;
    }

    .table-search-fieldset .layui-inline,
    .table-search-fieldset .layui-input-inline,
    .table-search-fieldset .layui-input,
    .table-search-fieldset .layui-form-select {
        display: block;
        width: 100% !important;
        min-width: 0;
    }

    .table-search-fieldset .layui-form-item.layui-inline {
        display: block;
        margin-right: 0;
    }

    .table-search-fieldset .layui-form-label {
        width: auto;
        border-right: 1px solid var(--ac-border);
        border-radius: var(--ac-radius) var(--ac-radius) 0 0;
    }

    .table-search-fieldset .layui-input,
    .table-search-fieldset .layui-form-select .layui-input {
        border-radius: 0 0 var(--ac-radius) var(--ac-radius) !important;
    }

    .table-search-fieldset .layui-form-item.layui-inline[style*="margin-left"] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-left: 0 !important;
    }

    .table-search-fieldset .layui-form-item.layui-inline[style*="margin-left"] .layui-btn {
        flex: 1 1 120px;
        margin: 0;
    }

    .layui-table-tool-temp {
        padding-right: 0;
    }

    .layui-table-tool-self {
        position: static;
        display: flex;
        justify-content: flex-end;
        margin-top: 10px;
    }

    .layuimini-upload .layuimini-upload-btn {
        position: static;
        margin-top: 8px;
    }

    .layui-btn {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ac-form-section {
        padding: 11px 12px;
    }

    .ac-form-actions .layui-btn {
        flex: 1 1 120px;
        margin: 0;
    }

    .layui-input-group {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .layui-input-group .layui-input-prefix,
    .layui-input-group .layui-input-suffix,
    .layui-input-group .layui-input {
        width: 100%;
        text-align: left;
    }

    .layui-layer {
        max-width: calc(100vw - 20px);
    }

    .layui-table-view {
        max-width: 100%;
    }

    .layui-table-page {
        height: auto;
        min-height: 44px;
        white-space: normal;
    }

    .ac-dashboard {
        padding: 10px;
    }

    .ac-dashboard-hero,
    .ac-dashboard-panel {
        padding: 16px;
    }

    .ac-dashboard-hero h1 {
        font-size: 26px;
    }

    .ac-dashboard-hero-metrics,
    .ac-dashboard-stats,
    .ac-dashboard-operation-grid,
    .ac-dashboard-finance,
    .ac-dashboard-actions,
    .ac-dashboard-runtime,
    .ac-screen-kpis,
    .ac-health-grid,
    .ac-finance-grid,
    .ac-screen-actions {
        grid-template-columns: 1fr;
    }

    .ac-dashboard-panel-head {
        display: grid;
    }

    .ac-dashboard-panel-head a {
        justify-self: start;
    }

    .ac-dashboard-bars {
        gap: 6px;
    }

    .ac-dashboard-bar-track {
        height: 112px;
    }

    .ac-screen-copy h1 {
        font-size: 22px;
    }

    .ac-screen-focus strong {
        font-size: 28px;
    }

    .ac-screen-meta,
    .ac-screen-footnote {
        display: grid;
    }

    .ac-queue-row {
        grid-template-columns: 34px minmax(0, 1fr) auto;
    }

    .ac-queue-row em {
        grid-column: 2 / -1;
    }

    .ac-trend-grid {
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .ac-trend-day {
        min-width: 46px;
    }

    .ac-trend-bars {
        height: 118px;
        padding-right: 4px;
        padding-left: 4px;
    }

    .ac-level-row {
        grid-template-columns: 1fr;
    }

    .ac-log-tree,
    .ac-log-result {
        height: auto;
        min-height: 320px;
    }

    .ac-log-controls {
        align-items: flex-start;
    }

    .ac-settings-hero {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .ac-settings-actions {
        justify-content: stretch;
    }

    .ac-settings-actions .layui-btn {
        flex: 1 1 132px;
        margin: 0;
    }

    .ac-settings-workbench {
        grid-template-columns: 1fr;
    }

    .ac-settings-filter {
        position: static;
        display: flex;
        gap: 6px;
    }

    .ac-settings-search {
        flex: 1 1 100%;
    }

    .ac-settings-section,
    .ac-settings-advanced {
        padding: 13px;
    }

    .ac-settings-section-head {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .ac-settings-section-head .ac-pill {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .ac-settings-table-head {
        display: none;
    }

    .ac-settings-row {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: stretch;
        min-height: 0;
    }

    .ac-settings-row-actions {
        justify-content: stretch;
    }

    .ac-settings-row-actions .layui-btn {
        width: 100%;
        margin: 0;
    }

    .ac-settings-toolbar {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .ac-settings-toolbar .ac-settings-search {
        flex-basis: auto;
    }

    .ac-settings-statline {
        justify-content: flex-start;
    }

    .ac-settings-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-settings-tabs button {
        justify-content: start;
        border-radius: 8px;
    }

    .ac-settings-panel-head {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .ac-settings-panel-actions {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .ac-settings-panel-actions .layui-btn {
        flex: 1 1 120px;
        margin: 0;
    }

    .ac-settings-ga-code {
        flex: 1 1 160px;
        width: 100%;
    }

    .ac-settings-form-row {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
    }

    .ac-settings-form-meta {
        justify-content: flex-start;
    }

    .ac-setting-upload-line {
        grid-template-columns: 1fr;
    }

    .ac-setting-upload-line .layui-btn {
        width: 100%;
    }

    .ac-setting-media-preview img,
    .ac-settings-form-control .layuimini-upload-show img {
        width: 140px;
        height: 88px;
    }
}

@media screen and (max-width: 430px) {
    .ac-settings-filter {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ac-settings-tabs {
        grid-template-columns: 1fr;
    }

    .ac-settings-statline span {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
    }

    .ac-setting-media-preview img,
    .ac-settings-form-control .layuimini-upload-show img {
        width: 100%;
        height: 116px;
    }
}