.nxadm-app,
.nxadm-modal {
    --nx-primary: #6c3df2;
    --nx-primary-dark: #5423d8;
    --nx-pink: #ea0a67;
    --nx-blue: #0ea5e9;
    --nx-green: #12b76a;
    --nx-orange: #f79009;
    --nx-red: #e63c55;
    --nx-ink: #172033;
    --nx-muted: #7d899f;
    --nx-line: #e6eaf2;
    --nx-bg: #f4f6fb;
    --nx-card: #fff;
    --nx-shadow: 0 12px 34px rgba(36, 27, 75, .07);
    color: var(--nx-ink);
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
}

.nxadm-app *, .nxadm-modal * { box-sizing: border-box; }
.nxadm-app button, .nxadm-app input, .nxadm-app select, .nxadm-modal button, .nxadm-modal input { font: inherit; }
.nxadm-app button, .nxadm-modal button { cursor: pointer; }
.nxadm-app { display: flex; min-height: 100vh; background: var(--nx-bg); }
.nxadm-app h1, .nxadm-app h2, .nxadm-app h3, .nxadm-app p { margin-top: 0; }
.nxadm-app .dashicons { width: 20px; height: 20px; font-size: 20px; line-height: 1; }

.nxadm-sidebar {
    position: fixed;
    z-index: 80;
    inset: 0 auto 0 0;
    display: flex;
    flex-direction: column;
    width: 264px;
    padding: 26px 18px 18px;
    color: #d7dbea;
    background:
        radial-gradient(circle at 12% 2%, rgba(111, 61, 245, .32), transparent 28%),
        linear-gradient(180deg, #18182d 0%, #131426 100%);
    box-shadow: 12px 0 36px rgba(18, 18, 40, .08);
}

.nxadm-brand { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; margin-bottom: 32px; }
.nxadm-brand img { width: 122px; max-height: 35px; object-fit: contain; filter: brightness(0) invert(1); }
.nxadm-brand img + .nxadm-brand-fallback { display: none; }
.nxadm-brand-fallback { color: #fff; font-size: 24px; font-weight: 850; letter-spacing: -.04em; }
.nxadm-env { margin-left: auto; padding: 4px 7px; border: 1px solid rgba(255,255,255,.17); border-radius: 7px; color: #d9ceff; background: rgba(108,61,242,.22); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.nxadm-sidebar-label { padding: 0 13px; margin: 0 0 9px; color: #727b96; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.nxadm-nav { display: grid; gap: 5px; }
.nxadm-nav button {
    position: relative;
    display: grid;
    grid-template-columns: 24px 1fr auto;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 0 13px;
    border: 0;
    border-radius: 12px;
    color: #aeb5ca;
    background: transparent;
    text-align: left;
    font-weight: 680;
    transition: .18s ease;
}
.nxadm-nav button:hover { color: #fff; background: rgba(255,255,255,.055); transform: translateX(2px); }
.nxadm-nav button.is-active { color: #fff; background: linear-gradient(100deg, rgba(108,61,242,.96), rgba(140,58,222,.87)); box-shadow: 0 9px 22px rgba(97, 48, 224, .26); }
.nxadm-nav button.is-active:before { content: ""; position: absolute; left: -18px; width: 4px; height: 24px; border-radius: 0 5px 5px 0; background: #df0d71; }
.nxadm-nav button b { display: grid; min-width: 23px; height: 23px; padding: 0 6px; place-items: center; border-radius: 8px; color: #cfd4e3; background: rgba(255,255,255,.08); font-size: 10px; }
.nxadm-nav button.is-active b { color: #fff; background: rgba(255,255,255,.18); }
.nxadm-nav button b.is-alert { color: #ffbfcf; background: rgba(235,34,93,.18); }
.nxadm-nav button i { width: 8px; height: 8px; border-radius: 50%; background: #23c878; box-shadow: 0 0 0 4px rgba(35,200,120,.12); }
.nxadm-sidebar-spacer { flex: 1; min-height: 34px; }
.nxadm-system-card { display: flex; gap: 10px; align-items: center; margin: 0 3px 12px; padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; background: rgba(255,255,255,.035); }
.nxadm-system-icon { display: grid; flex: 0 0 34px; height: 34px; place-items: center; border-radius: 10px; color: #8dffbe; background: rgba(18,183,106,.13); }
.nxadm-system-card strong, .nxadm-user-card strong { display: block; overflow: hidden; color: #f5f6fb; font-size: 11.5px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.nxadm-system-card small, .nxadm-user-card small { display: block; margin-top: 2px; color: #747e99; font-size: 9.5px; }
.nxadm-user-card { display: grid; grid-template-columns: 36px minmax(0,1fr) 28px; gap: 9px; align-items: center; padding: 12px 10px 4px; border-top: 1px solid rgba(255,255,255,.07); }
.nxadm-avatar { display: grid; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, var(--nx-primary), var(--nx-pink)); font-weight: 850; }
.nxadm-user-card a { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #7d86a0; text-decoration: none; }
.nxadm-user-card a:hover { color: #fff; background: rgba(255,255,255,.07); }

.nxadm-main { width: calc(100% - 264px); min-width: 0; margin-left: 264px; }
.nxadm-topbar { min-height: 104px; padding: 22px 34px; display: flex; justify-content: space-between; align-items: center; gap: 24px; border-bottom: 1px solid var(--nx-line); background: rgba(255,255,255,.92); box-shadow: 0 3px 16px rgba(39,32,76,.025); }
.nxadm-breadcrumb { display: block; margin-bottom: 5px; color: #9aa3b5; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.nxadm-breadcrumb i { padding: 0 5px; font-style: normal; color: #d0d5df; }
.nxadm-breadcrumb strong { color: var(--nx-primary); }
.nxadm-topbar h1 { margin-bottom: 3px; color: var(--nx-ink); font-size: 24px; line-height: 1.15; letter-spacing: -.025em; }
.nxadm-topbar p { margin: 0; color: var(--nx-muted); font-size: 12px; }
.nxadm-topbar-actions { display: flex; align-items: center; gap: 10px; }
.nxadm-live-pill, .nxadm-clock { display: inline-flex; align-items: center; height: 38px; padding: 0 13px; border: 1px solid var(--nx-line); border-radius: 11px; color: #667085; background: #fff; font-size: 11px; font-weight: 700; }
.nxadm-live-pill i { width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--nx-green); box-shadow: 0 0 0 4px rgba(18,183,106,.12); }
.nxadm-clock { gap: 7px; min-width: 104px; }
.nxadm-clock .dashicons { color: var(--nx-primary); font-size: 17px; }

.nxadm-content { width: min(1540px, 100%); padding: 30px 34px 48px; margin: 0 auto; }
.nxadm-page { display: none; animation: nxadmFade .22s ease both; }
.nxadm-page.is-active { display: block; }
@keyframes nxadmFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.nxadm-eyebrow { display: block; margin-bottom: 7px; color: var(--nx-primary); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.nxadm-hero { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 184px; padding: 34px 38px; margin-bottom: 22px; border-radius: 20px; color: #fff; background: linear-gradient(115deg, #261b63 0%, #6130db 52%, #ae237d 100%); box-shadow: 0 18px 40px rgba(79,42,180,.18); }
.nxadm-hero:before { content: ""; position: absolute; right: -40px; top: -140px; width: 420px; height: 420px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 62px rgba(255,255,255,.035), 0 0 0 124px rgba(255,255,255,.025); }
.nxadm-hero:after { content: ""; position: absolute; left: 48%; bottom: -70px; width: 180px; height: 180px; border-radius: 50%; background: rgba(239, 10, 96, .2); filter: blur(4px); }
.nxadm-hero > * { position: relative; z-index: 1; }
.nxadm-hero .nxadm-eyebrow { color: #d9ccff; }
.nxadm-hero h2 { margin-bottom: 7px; font-size: clamp(25px, 2.4vw, 35px); line-height: 1.05; letter-spacing: -.035em; }
.nxadm-hero p { margin-bottom: 0; color: #dedaf3; font-size: 13px; }
.nxadm-hero-health { display: flex; align-items: center; gap: 16px; min-width: 300px; padding: 17px 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(255,255,255,.09); backdrop-filter: blur(12px); }
.nxadm-health-orbit { display: grid; flex: 0 0 48px; height: 48px; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.nxadm-health-orbit i { width: 15px; height: 15px; border-radius: 50%; background: #3de28c; box-shadow: 0 0 0 7px rgba(61,226,140,.15), 0 0 24px rgba(61,226,140,.65); }
.nxadm-hero-health small, .nxadm-hero-health strong, .nxadm-hero-health span { display: block; }
.nxadm-hero-health small { color: #c9c4e4; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.nxadm-hero-health strong { margin: 2px 0; color: #fff; font-size: 16px; }
.nxadm-hero-health span { color: #cdc8e8; font-size: 10.5px; }

.nxadm-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 15px; margin-bottom: 22px; }
.nxadm-kpi { position: relative; display: flex; align-items: center; min-height: 126px; padding: 20px; overflow: hidden; border: 1px solid var(--nx-line); border-radius: 17px; background: #fff; box-shadow: var(--nx-shadow); }
.nxadm-kpi:after { content: ""; position: absolute; right: -22px; bottom: -34px; width: 90px; height: 90px; border-radius: 50%; background: currentColor; opacity: .035; }
.nxadm-kpi-icon { display: grid; flex: 0 0 46px; height: 46px; margin-right: 14px; place-items: center; border-radius: 14px; color: currentColor; background: currentColor; }
.nxadm-kpi-icon .dashicons { color: inherit; filter: brightness(10); }
.nxadm-kpi.is-purple { color: var(--nx-primary); }.nxadm-kpi.is-green { color: var(--nx-green); }.nxadm-kpi.is-orange { color: var(--nx-orange); }.nxadm-kpi.is-blue { color: var(--nx-blue); }
.nxadm-kpi > div { min-width: 0; color: var(--nx-ink); }
.nxadm-kpi small, .nxadm-kpi strong, .nxadm-kpi span { display: block; }
.nxadm-kpi small { margin-bottom: 2px; color: #858fa3; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .055em; }
.nxadm-kpi strong { font-size: 27px; line-height: 1.1; letter-spacing: -.03em; }
.nxadm-kpi span { margin-top: 4px; color: #8b95a8; font-size: 10.5px; }
.nxadm-kpi button { padding: 0; margin-top: 4px; border: 0; color: currentColor; background: none; font-size: 10.5px; font-weight: 760; }
.nxadm-kpi button .dashicons { display: inline; font-size: 13px; vertical-align: -2px; }

.nxadm-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); gap: 18px; margin-bottom: 18px; }
.nxadm-panel { border: 1px solid var(--nx-line); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow); }
.nxadm-panel:not(.nxadm-table-panel) { padding: 21px 22px; }
.nxadm-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.nxadm-panel-head > div:first-child { display: flex; align-items: center; gap: 11px; }
.nxadm-panel-head h3 { margin: 0 0 2px; color: var(--nx-ink); font-size: 14px; letter-spacing: -.012em; }
.nxadm-panel-head p { margin: 0; color: var(--nx-muted); font-size: 10.5px; }
.nxadm-section-icon { display: grid; flex: 0 0 38px; height: 38px; place-items: center; border-radius: 11px; }
.nxadm-section-icon.is-purple { color: var(--nx-primary); background: #f0ebff; }.nxadm-section-icon.is-pink { color: var(--nx-pink); background: #ffebf3; }.nxadm-section-icon.is-blue { color: var(--nx-blue); background: #eaf7ff; }.nxadm-section-icon.is-orange { color: var(--nx-orange); background: #fff4df; }.nxadm-section-icon.is-green { color: var(--nx-green); background: #eafaf2; }
.nxadm-link-button { padding: 6px 0; border: 0; color: var(--nx-primary); background: transparent; font-size: 10.5px; font-weight: 750; }
.nxadm-link-button .dashicons { display: inline; font-size: 13px; vertical-align: -2px; }
.nxadm-overview-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.nxadm-overview-metrics > div { padding: 12px 13px; border-radius: 11px; background: #f8f9fc; }
.nxadm-overview-metrics span { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 9px; }
.nxadm-overview-metrics b { color: #778196; font-size: 9.5px; text-transform: uppercase; letter-spacing: .06em; }
.nxadm-overview-metrics em { color: var(--nx-ink); font-size: 12px; font-style: normal; font-weight: 800; font-variant-numeric: tabular-nums; }
.nxadm-overview-metrics > div > i { display: block; height: 6px; overflow: hidden; border-radius: 999px; background: #e7e9f0; }
.nxadm-overview-metrics u { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--nx-primary), #a650dc); text-decoration: none; transition: width .35s ease; }
.nxadm-overview-note { padding-top: 13px; color: #7f899b; font-size: 10.5px; }
.nxadm-overview-note:before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--nx-green); }
.nxadm-overview-note.is-warning:before { background: var(--nx-orange); }.nxadm-overview-note.is-danger:before { background: var(--nx-red); }
.nxadm-quick-actions { display: grid; gap: 8px; }
.nxadm-quick-actions button { display: grid; grid-template-columns: 34px 1fr 20px; gap: 10px; align-items: center; width: 100%; padding: 10px; border: 0; border-radius: 11px; color: var(--nx-primary); background: #f8f7fc; text-align: left; transition: .16s ease; }
.nxadm-quick-actions button:hover { background: #f1edff; transform: translateX(2px); }
.nxadm-quick-actions button > .dashicons:first-child { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #ece6ff; }
.nxadm-quick-actions strong, .nxadm-quick-actions small { display: block; }
.nxadm-quick-actions strong { color: var(--nx-ink); font-size: 11px; }.nxadm-quick-actions small { margin-top: 1px; color: #8d96a8; font-size: 9.5px; }.nxadm-quick-actions i { color: #aeb5c3; font-size: 15px; }
.nxadm-compact-list { display: grid; }
.nxadm-compact-list > div { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 2px; border-top: 1px solid #f0f2f6; }
.nxadm-compact-list > div:first-child { border-top: 0; }
.nxadm-company-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, var(--nx-primary), #9c55e4); font-size: 12px; font-weight: 850; box-shadow: 0 7px 15px rgba(108,61,242,.16); }
.nxadm-company-mark.is-prospect { color: var(--nx-blue); background: #eaf7ff; box-shadow: none; }
.nxadm-compact-list strong, .nxadm-compact-list small { display: block; }.nxadm-compact-list strong { font-size: 11.5px; }.nxadm-compact-list small { margin-top: 1px; color: #939bad; font-size: 9.5px; }
.nxadm-attention-list { display: grid; gap: 7px; }
.nxadm-attention-list button { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; padding: 10px; border: 1px solid #eef0f5; border-radius: 11px; background: #fff; text-align: left; }
.nxadm-attention-list button > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; }.nxadm-attention-list .is-orange { color: var(--nx-orange); background: #fff5e4; }.nxadm-attention-list .is-red { color: var(--nx-red); background: #ffedf0; }.nxadm-attention-list .is-blue { color: var(--nx-blue); background: #eaf7ff; }
.nxadm-attention-list strong, .nxadm-attention-list small { display: block; }.nxadm-attention-list strong { color: var(--nx-ink); font-size: 11px; }.nxadm-attention-list small { color: #929bad; font-size: 9.5px; }
.nxadm-empty-mini { padding: 28px; color: var(--nx-muted); text-align: center; }

.nxadm-module-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin: 5px 0 24px; }
.nxadm-module-head h2 { margin: 0 0 5px; font-size: 25px; line-height: 1.15; letter-spacing: -.03em; }.nxadm-module-head p { margin: 0; color: var(--nx-muted); font-size: 11.5px; }
.nxadm-module-counter { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 13px; border: 1px solid #ded8f7; border-radius: 11px; color: var(--nx-primary); background: #f7f4ff; font-size: 10.5px; font-weight: 750; }.nxadm-module-counter b { font-size: 15px; }.nxadm-module-counter.is-warning { color: #9a6500; border-color: #f1ddb0; background: #fff9ec; }
.nxadm-primary, .nxadm-secondary, .nxadm-danger, .nxadm-approve, .nxadm-reject { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 0 16px; border-radius: 10px; font-size: 11px; font-weight: 780; transition: .16s ease; }
.nxadm-primary { border: 0; color: #fff; background: linear-gradient(100deg, var(--nx-primary), #8d3bdc 58%, var(--nx-pink)); box-shadow: 0 8px 18px rgba(108,61,242,.17); }.nxadm-primary:hover { transform: translateY(-1px); box-shadow: 0 11px 22px rgba(108,61,242,.24); }
.nxadm-secondary { border: 1px solid #d9ddeb; color: #556077; background: #fff; }.nxadm-secondary:hover { border-color: #c2b3f4; color: var(--nx-primary); background: #faf9ff; }
.nxadm-danger { border: 0; color: #fff; background: linear-gradient(100deg, #e53c52, #ea0a67); }.nxadm-danger:hover { filter: brightness(.96); }
.nxadm-toolbar { display: flex; align-items: center; gap: 10px; padding: 13px 14px; margin-bottom: 14px; border: 1px solid var(--nx-line); border-radius: 15px; background: #fff; box-shadow: 0 7px 22px rgba(36,27,75,.035); }
.nxadm-search { position: relative; display: block; flex: 1; max-width: 430px; }.nxadm-search .dashicons { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9aa3b3; font-size: 17px; }
.nxadm-search input, .nxadm-toolbar select { width: 100%; height: 40px; border: 1px solid #dfe3eb; border-radius: 10px; outline: none; color: var(--nx-ink); background: #fafbfc; font-size: 11px; transition: .16s ease; }.nxadm-search input { padding: 0 14px 0 38px; }.nxadm-toolbar select { width: 175px; padding: 0 11px; }.nxadm-search input:focus, .nxadm-toolbar select:focus { border-color: #9c7af2; background: #fff; box-shadow: 0 0 0 3px rgba(108,61,242,.08); }
.nxadm-result-count { margin-left: auto; color: #8993a5; font-size: 10.5px; }.nxadm-result-count b { color: var(--nx-ink); }
.nxadm-table-panel { overflow: visible; }.nxadm-table-panel > .nxadm-panel-head { padding: 19px 20px 0; }.nxadm-table-scroll { width: 100%; overflow-x: auto; border-radius: 0 0 18px 18px; }
.nxadm-company-table-scroll { overflow: visible; }
.nxadm-data-table { width: 100%; border-collapse: collapse; font-size: 11px; }.nxadm-data-table th { padding: 12px 16px; color: #8791a4; background: #f8f9fc; border-top: 1px solid #eef0f5; border-bottom: 1px solid #e8ebf1; font-size: 9px; font-weight: 830; letter-spacing: .065em; text-align: left; text-transform: uppercase; white-space: nowrap; }.nxadm-data-table td { padding: 15px 16px; border-bottom: 1px solid #eef0f4; color: #2d3548; vertical-align: middle; }.nxadm-data-table tr:last-child td { border-bottom: 0; }.nxadm-data-table tbody tr:hover { background: #fcfbff; }
.nxadm-data-table strong { color: var(--nx-ink); font-size: 11px; }.nxadm-data-table code { display: inline-block; padding: 4px 7px; border-radius: 6px; color: #554475; background: #f2eff8; font-family: "SFMono-Regular", Consolas, monospace; font-size: 9.5px; }
.nxadm-company-cell { display: grid; grid-template-columns: 36px minmax(145px,1fr); align-items: center; gap: 10px; }.nxadm-company-cell strong, .nxadm-company-cell small, .nxadm-company-cell a { display: block; }.nxadm-company-cell a { margin-top: 2px; color: var(--nx-primary); font-size: 9.5px; text-decoration: none; }.nxadm-company-cell a .dashicons { display: inline; font-size: 11px; vertical-align: -2px; }.nxadm-company-cell small { margin-top: 2px; color: #929bad; font-size: 9.5px; }
.nxadm-table-sub { display: block; margin-top: 3px; color: #929bad; font-size: 9.5px; font-weight: 400; }
.nxadm-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 800; white-space: nowrap; }.nxadm-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }.nxadm-status.is-success { color: #087c49; background: #e8f8f0; }.nxadm-status.is-warning { color: #966100; background: #fff3d8; }.nxadm-status.is-danger { color: #b4233b; background: #ffebef; }.nxadm-status.is-neutral { color: #697386; background: #f0f2f5; }
.nxadm-actions-cell { width: 52px; text-align: right; }.nxadm-actions-menu { position: relative; display: inline-block; }.nxadm-actions-menu summary { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #e1e4ec; border-radius: 9px; color: var(--nx-primary); background: #fff; list-style: none; }.nxadm-actions-menu summary::-webkit-details-marker { display: none; }.nxadm-actions-menu[open] summary { border-color: #b7a4f3; background: #f7f4ff; }.nxadm-actions-label { display:none; }
.nxadm-actions-menu > div { position: absolute; z-index: 15; top: 41px; right: 0; width: 265px; padding: 13px; border: 1px solid #e0e3eb; border-radius: 13px; background: #fff; box-shadow: 0 15px 42px rgba(32,24,61,.15); text-align: left; }.nxadm-manage-form { display: grid; gap: 9px; }.nxadm-manage-form label { color: #596477; font-size: 9.5px; font-weight: 750; }.nxadm-manage-form input, .nxadm-manage-form select { width: 100%; height: 35px; padding: 0 9px; margin-top: 4px; border: 1px solid #dfe2ea; border-radius: 8px; color: var(--nx-ink); background: #fff; font-size: 10px; }.nxadm-manage-form .nxadm-secondary { min-height: 35px; }
.nxadm-danger-link { display: flex; align-items: center; gap: 6px; width: 100%; padding: 10px 4px 2px; margin-top: 10px; border: 0; border-top: 1px solid #f0f1f5; color: var(--nx-red); background: none; font-size: 10px; font-weight: 730; }.nxadm-danger-link .dashicons { font-size: 15px; }
.nxadm-icon-danger { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #ffd0d7; border-radius: 9px; color: var(--nx-red); background: #fff; }.nxadm-icon-danger:hover { background: #fff3f5; }
.nxadm-empty-state { padding: 55px 20px; color: var(--nx-muted); text-align: center; }.nxadm-empty-state > .dashicons { display: grid; width: 48px; height: 48px; margin: 0 auto 13px; place-items: center; border-radius: 14px; color: var(--nx-primary); background: #f0ebff; font-size: 22px; }.nxadm-empty-state h3 { margin-bottom: 5px; color: var(--nx-ink); font-size: 14px; }.nxadm-empty-state p { margin-bottom: 15px; font-size: 11px; }

.nxadm-server-monitor { display: grid; gap: 16px; }.nxadm-host-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }.nxadm-host-metric { position: relative; overflow: hidden; padding: 19px; border: 1px solid var(--nx-line); border-radius: 17px; background: #fff; box-shadow: var(--nx-shadow); }.nxadm-host-icon { position: absolute; top: 17px; right: 17px; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; }.nxadm-host-icon.is-purple { color: var(--nx-primary); background:#f0ebff; }.nxadm-host-icon.is-blue { color:var(--nx-blue); background:#eaf7ff; }.nxadm-host-icon.is-pink { color:var(--nx-pink); background:#ffebf3; }.nxadm-host-icon.is-orange { color:var(--nx-orange); background:#fff4df; }
.nxadm-host-metric-head { display: flex; justify-content: space-between; gap: 8px; width: calc(100% - 48px); color: #8c96a8; font-size: 9px; font-weight: 820; letter-spacing: .06em; text-transform: uppercase; }.nxadm-host-metric > strong { display: block; margin: 15px 0 12px; font-size: 28px; line-height: 1; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }.nxadm-host-metric > small { display: block; margin-top: 9px; color: #8d96a8; font-size: 9.5px; }.nxadm-meter { height: 6px; overflow: hidden; border-radius: 999px; background: #eceef4; }.nxadm-meter i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--nx-primary),#a64cdd); transition: width .35s ease; }.nxadm-host-metric.is-warn .nxadm-meter i { background: linear-gradient(90deg,#f4b327,var(--nx-orange)); }.nxadm-host-metric.is-danger .nxadm-meter i { background: linear-gradient(90deg,#ef4b58,var(--nx-pink)); }
.nxadm-monitor-note { display: flex; justify-content: space-between; gap: 15px; align-items: center; min-height: 50px; padding: 0 16px; border: 1px solid #dceee5; border-radius: 13px; color: #3a6a54; background: #f7fcf9; font-size: 10.5px; }.nxadm-monitor-note > div { display:flex;align-items:center; }.nxadm-monitor-dot { width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--nx-green); box-shadow:0 0 0 4px rgba(18,183,106,.1); }.nxadm-monitor-note strong { font-size: 10.5px; }.nxadm-monitor-note.is-warn { color:#8a5f07;border-color:#f0ddb3;background:#fffaf0; }.nxadm-monitor-note.is-warn .nxadm-monitor-dot { background:var(--nx-orange);box-shadow:0 0 0 4px rgba(247,144,9,.1); }.nxadm-monitor-note.is-danger { color:#a02a3e;border-color:#f3cbd2;background:#fff7f8; }.nxadm-monitor-note.is-danger .nxadm-monitor-dot { background:var(--nx-red);box-shadow:0 0 0 4px rgba(230,60,85,.1); }
.nxadm-resource-panel { margin-top: 2px; }.nxadm-monitor-updated { color: #8f98a9; font-size: 9.5px; }.nxadm-resource-table td { white-space: nowrap; }.nxadm-resource-table td:first-child { min-width: 170px; white-space: normal; }.nxadm-resource-main { display: block; color: var(--nx-ink); font-weight: 780; font-variant-numeric: tabular-nums; }.nxadm-resource-sub, .nxadm-company-domain { display: block; margin-top: 3px; color: #929bad; font-size: 9px; }.nxadm-health { display: inline-flex; padding: 5px 8px; border-radius: 999px; color: #087c49; background: #e8f8f0; font-size: 9px; font-weight: 800; }.nxadm-health.is-idle { color:#697386;background:#f0f2f5; }.nxadm-health.is-warn { color:#966100;background:#fff3d8; }.nxadm-health.is-danger { color:#b4233b;background:#ffebef; }.nxadm-resource-empty { padding: 35px!important; color: var(--nx-muted)!important; text-align:center; }.nxadm-monitor-error { color:var(--nx-red)!important; }

.nxadm-form-panel { padding: 22px!important; margin-bottom: 18px; }.nxadm-form-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }.nxadm-form-grid label, .nxadm-modal label { color: #4d586d; font-size: 10px; font-weight: 750; }.nxadm-form-grid label.is-wide { grid-column: span 2; }.nxadm-form-grid input, .nxadm-form-grid select, .nxadm-form-grid textarea, .nxadm-modal input { display: block; width: 100%; height: 42px; padding: 0 12px; margin-top: 6px; border: 1px solid #dce1e9; border-radius: 10px; outline: none; color: var(--nx-ink); background: #fbfcfd; font-size: 11px; transition:.16s ease; }.nxadm-form-grid textarea { height:auto;padding:11px 12px;resize:vertical; }.nxadm-form-grid input:focus, .nxadm-form-grid select:focus, .nxadm-form-grid textarea:focus, .nxadm-modal input:focus { border-color:#9b7cf0;background:#fff;box-shadow:0 0 0 3px rgba(108,61,242,.08); }.nxadm-form-submit { grid-column: 1/-1; display:flex;justify-content:flex-end;margin-top:2px; }.nxadm-domain-input { position:relative;display:flex;align-items:center;margin-top:6px; }.nxadm-domain-input input { margin:0;padding-right:100px; }.nxadm-domain-input span { position:absolute;right:10px;color:#9aa3b4;font-size:9.5px; }
.nxadm-review-form { min-width: 190px; }.nxadm-review-form input, .nxadm-provision-form input, .nxadm-provision-form select { width: 100%; height: 34px; padding: 0 8px; border:1px solid #dfe2e9;border-radius:8px;background:#fff;font-size:9.5px; }.nxadm-review-form > div { display:flex;gap:5px;margin-top:6px; }.nxadm-approve,.nxadm-reject { flex:1;min-height:31px;padding:0 9px;border:0;font-size:9px; }.nxadm-approve { color:#087c49;background:#e8f8f0; }.nxadm-reject { color:#b4233b;background:#ffebef; }.nxadm-provision-form { display:grid;grid-template-columns:minmax(120px,1fr) 90px 90px auto;gap:6px;min-width:460px; }.nxadm-provision-form .nxadm-primary { min-height:34px;padding:0 11px; }.nxadm-inline-error { margin-bottom:7px;color:var(--nx-red); }.nxadm-inline-error strong,.nxadm-inline-error small { display:block; }.nxadm-inline-error small { margin-top:2px;font-size:9px; }
.nxadm-checkout-config { border-color:#ddd4fb;background:linear-gradient(145deg,#fff 0%,#fcfaff 100%); }.nxadm-checkout-note { margin:16px 0 0;padding:11px 13px;border-radius:10px;color:#625777;background:#f7f4ff;font-size:10px;line-height:1.55; }.nxadm-page[data-nxadm-page="pagos"]>.nxadm-table-panel { margin-bottom:18px; }.nxadm-proof-link { display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #d9cff9;border-radius:9px;color:var(--nx-primary);background:#faf8ff;font-weight:780;text-decoration:none;white-space:nowrap; }.nxadm-proof-link .dashicons { font-size:15px; }.nxadm-review-reason { display:block;margin-top:8px;max-width:220px;line-height:1.4; }.nxadm-checkout-table td { min-width:145px; }.nxadm-checkout-table td:first-child { min-width:210px; }
.nxadm-global-alert, .nxadm-aviso { display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin-bottom:17px;border-radius:12px;font-size:11px;font-weight:650; }.nxadm-global-alert { color:#8b5b00;border:1px solid #f2d99e;background:#fff8e8; }.nxadm-global-alert strong,.nxadm-global-alert p { display:block;margin:0; }.nxadm-global-alert p { margin-top:2px;font-weight:400; }.nxadm-aviso.ok { color:#087c49;border:1px solid #bee8d3;background:#effaf4; }.nxadm-aviso.err { color:#b4233b;border:1px solid #f3c6ce;background:#fff2f4; }

.nxadm-modal { position: fixed; z-index: 10000; inset: 0; display: none; align-items: center; justify-content: center; padding: 22px; }.nxadm-modal.is-open { display:flex; }.nxadm-modal-backdrop { position:absolute;inset:0;background:rgba(17,20,35,.62);backdrop-filter:blur(8px); }.nxadm-modal-dialog { position:relative;z-index:1;width:min(460px,100%);padding:30px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(10,10,25,.28);animation:nxadmModal .2s ease both; }.nxadm-modal-close { position:absolute;top:16px;right:16px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #e1e4eb;border-radius:9px;color:#6c3df2;background:#fff; }.nxadm-modal-icon { display:grid;width:48px;height:48px;margin-bottom:17px;place-items:center;border-radius:14px;color:var(--nx-red);background:#ffedf1; }.nxadm-modal-dialog h3 { margin:0 0 8px;font-size:20px; }.nxadm-modal-dialog > p { margin:0 0 19px;color:#727c8f;font-size:11.5px;line-height:1.6; }.nxadm-modal-dialog label { display:block;margin-top:12px; }.nxadm-modal-actions { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px; }.nxadm-modal-actions button { min-height:42px; }.nxadm-modal[aria-hidden="false"] { display:flex; }.nxadm-modal-open { overflow:hidden!important; }
@keyframes nxadmModal { from{opacity:0;transform:translateY(9px) scale(.985)} to{opacity:1;transform:none} }
.nxadm-maintenance { max-width:680px;margin:80px auto;padding:24px;border:1px solid #f1d99f;border-radius:14px;background:#fff8e8;font-family:"Segoe UI",sans-serif; }
.nxadm-mobile-menu,.nxadm-sidebar-backdrop { display:none; }

@media (max-width: 1180px) {
    .nxadm-sidebar { width: 226px; }
    .nxadm-main { width: calc(100% - 226px); margin-left: 226px; }
    .nxadm-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .nxadm-host-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .nxadm-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
    .nxadm-mobile-menu { position:fixed;z-index:95;top:17px;left:16px;display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--nx-primary),var(--nx-pink));box-shadow:0 8px 20px rgba(72,40,154,.25); }
    .nxadm-sidebar { width:260px;transform:translateX(-105%);transition:transform .22s ease; }
    .nxadm-app.is-menu-open .nxadm-sidebar { transform:none; }
    .nxadm-sidebar-backdrop { position:fixed;z-index:70;inset:0;background:rgba(15,18,32,.45);backdrop-filter:blur(3px); }
    .nxadm-app.is-menu-open .nxadm-sidebar-backdrop { display:block; }
    .nxadm-main { width:100%;margin-left:0; }
    .nxadm-topbar { min-height:76px;padding:14px 18px 14px 70px; }
    .nxadm-topbar h1 { font-size:19px; }.nxadm-topbar p,.nxadm-live-pill { display:none; }
    .nxadm-content { padding:22px 16px 38px; }
    .nxadm-dashboard-grid { grid-template-columns:1fr; }
    .nxadm-hero { min-height:0;padding:28px; }.nxadm-hero-health { min-width:260px; }

    /* The company directory becomes a card list instead of a clipped table. */
    .nxadm-company-table-panel { border:0;background:transparent;box-shadow:none; }
    .nxadm-company-table-scroll { overflow:visible;border-radius:0; }
    .nxadm-company-table,.nxadm-company-table tbody { display:block;width:100%; }
    .nxadm-company-table thead { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap; }
    .nxadm-company-table tr[data-company-row] { display:block;overflow:visible;margin:0 0 14px;border:1px solid #e5e1f2;border-radius:17px;background:#fff;box-shadow:0 9px 26px rgba(36,27,75,.06); }
    .nxadm-company-table tr[data-company-row][hidden] { display:none!important; }
    .nxadm-company-table tr[data-company-row]:hover { background:#fff; }
    .nxadm-company-table td { display:grid;grid-template-columns:minmax(105px,.42fr) minmax(0,1fr);gap:12px;align-items:center;width:auto;padding:12px 16px;border-bottom:1px solid #eef0f5;text-align:left; }
    .nxadm-company-table td::before { content:attr(data-label);color:#8791a4;font-size:9px;font-weight:830;letter-spacing:.055em;text-transform:uppercase; }
    .nxadm-company-table td:first-child { display:block;padding:16px;background:linear-gradient(110deg,#fbfaff,#fff);border-radius:17px 17px 0 0; }
    .nxadm-company-table td:first-child::before { display:none; }
    .nxadm-company-table td:last-child { display:block;width:auto;padding:13px 16px;border:0;border-radius:0 0 17px 17px;background:#fbfaff; }
    .nxadm-company-table td:last-child::before { display:none; }
    .nxadm-company-table .nxadm-company-cell { grid-template-columns:40px minmax(0,1fr); }
    .nxadm-company-table .nxadm-company-cell strong { font-size:12px; }
    .nxadm-company-table .nxadm-company-cell a,.nxadm-company-table .nxadm-company-cell small,.nxadm-company-table .nxadm-table-sub { overflow-wrap:anywhere; }
    .nxadm-company-table .nxadm-actions-menu { display:block;width:100%; }
    .nxadm-company-table .nxadm-actions-menu summary { display:flex;width:100%;height:42px;gap:7px;align-items:center;justify-content:center;box-sizing:border-box;font-weight:780;cursor:pointer; }
    .nxadm-company-table .nxadm-actions-label { display:inline; }
    .nxadm-company-table .nxadm-actions-menu > div { position:static;width:auto;margin-top:10px;padding:14px;border-radius:11px;background:#fff;box-shadow:none; }
    .nxadm-company-table .nxadm-manage-form input,.nxadm-company-table .nxadm-manage-form select { height:40px;font-size:11px; }
    .nxadm-company-table .nxadm-manage-form .nxadm-secondary { width:100%;min-height:40px; }
}

@media (max-width: 640px) {
    .nxadm-topbar-actions .nxadm-clock { display:none; }
    .nxadm-hero { display:block; }.nxadm-hero-health { min-width:0;margin-top:22px; }
    .nxadm-kpi-grid,.nxadm-host-grid,.nxadm-form-grid { grid-template-columns:1fr; }
    .nxadm-form-grid label.is-wide { grid-column:auto; }.nxadm-form-submit { grid-column:auto; }.nxadm-form-submit .nxadm-primary { width:100%; }
    .nxadm-overview-metrics { grid-template-columns:1fr; }
    .nxadm-module-head { align-items:flex-start;flex-direction:column; }.nxadm-module-head > button { width:100%; }
    .nxadm-toolbar { align-items:stretch;flex-direction:column; }.nxadm-search { max-width:none; }.nxadm-toolbar select { width:100%; }.nxadm-result-count { margin-left:0; }
    .nxadm-monitor-note { align-items:flex-start;flex-direction:column;padding:13px 15px; }
    .nxadm-panel-head { align-items:flex-start; }.nxadm-link-button { white-space:nowrap; }
    .nxadm-modal-dialog { padding:26px 21px; }.nxadm-modal-actions { grid-template-columns:1fr; }
}