body[data-area="zpanel"] { background: var(--bg-main); }
.zpanel.panel { min-height: 100vh; display: grid; grid-template-columns: 270px minmax(0, 1fr); align-items: start; overflow-x: hidden; background: var(--bg-main); }
.zpanel .side { position: fixed; inset: 0 auto 0 0; z-index: 20; width: 270px; height: 100vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 18px; border-right: 1px solid var(--line); }
.zpanel .side img { width: auto; height: 46px; max-height: 54px; max-width: 170px; object-fit: contain; margin-bottom: 18px; }
.zpanel .side-logo { width: max-content; max-width: 100%; padding: 0 !important; margin-bottom: 14px !important; background: transparent !important; }
.zpanel .side-logo img { margin-bottom: 0; }
.zpanel .side-logo span { font-size: 14px; font-weight: 800; }
.zpanel .side a { display: flex; align-items: center; min-height: 40px; padding: 0 12px; margin-bottom: 6px; border-radius: 8px; color: var(--muted); }
.zpanel .side a:hover, .zpanel .side a.is-active { color: var(--text); background: var(--bg-card); }
.zpanel .side { background: var(--bg-header); }
.zpanel-quick-links { display: grid; grid-template-columns: 1fr; gap: 8px; margin: 14px 0 0; padding-top: 14px; border-top: 1px solid var(--line); }
.zpanel .side .side-return-link,
.zpanel .side .side-studio-link {
    min-height: 42px;
    justify-content: center;
    gap: 8px;
    margin-bottom: 0;
    color: #fff;
    background: var(--brand);
    border: 1px solid var(--brand);
    box-shadow: 0 12px 26px rgba(30,1,143,.26);
}
.zpanel .side .side-studio-link { color: var(--text); background: var(--bg-card); border-color: var(--line); box-shadow: none; }
.zpanel .panel-body { grid-column: 2; min-width: 0; min-height: 100vh; align-self: start; padding: 28px; background: var(--bg-main); }
.admin-table { width: 100%; border-collapse: collapse; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.admin-table th, .admin-table td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; }
.admin-table th { color: var(--muted); font-size: 13px; }
.zpanel .stat-grid > div { background: var(--bg-card); }
.zpanel .toolbar button:not(.pill) { color: var(--text); background: var(--bg-card); }

.zpanel-app { color: #cdcdcd; }
.zpanel-sidebar { max-height: 100vh; overflow-y: auto; }
.zpanel-sidebar-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.zpanel-menu { display: grid; gap: 14px; }
.zpanel-menu-group { display: grid; gap: 5px; }
.zpanel-menu-group > strong { padding: 8px 10px 4px; color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.zpanel-menu-toggle { display: none; width: 38px; height: 38px; align-items: center; justify-content: center; gap: 4px; flex-direction: column; color: #cdcdcd; background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.zpanel-menu-toggle span { width: 17px; height: 2px; background: currentColor; border-radius: 99px; }
.zpanel-main { display: grid; grid-auto-rows: max-content; align-content: start; gap: 16px; }
.zpanel-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.zpanel-head-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.zpanel-head h1 { margin: 0; font-size: 32px; line-height: 1.08; }
.zpanel-head p { margin: 0; }
.zpanel .pill { width: auto; max-width: max-content; min-height: 34px; padding: 0 12px; border-radius: 8px; font-size: 13px; }
.zpanel button.pill, .zpanel a.pill { justify-self: start; align-self: center; }
.zpanel .pill.primary { box-shadow: 0 8px 18px rgba(30,1,143,.22); }
.zpanel .pill.danger { color: #fff; background: rgba(251,113,133,.15); border-color: rgba(251,113,133,.45); }
.zpanel-card { min-width: 0; align-self: start; display: grid; gap: 14px; padding: 14px; background: #121212; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.zpanel-card h2 { margin: 0; font-size: 18px; }
.zpanel-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.zpanel-card-head a { color: #cdcdcd; }
.zpanel-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.zpanel-stat-grid article { min-width: 0; display: grid; gap: 7px; padding: 16px; background: #121212; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.zpanel-stat-grid span, .zpanel .muted { color: #8f8f8f; }
.zpanel-stat-grid strong { font-size: 24px; overflow-wrap: anywhere; }
.zpanel-grid { display: grid; gap: 16px; align-items: start; }
.zpanel-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zpanel-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zpanel-list { display: grid; gap: 8px; }
.zpanel-list article, .report-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.zpanel-list article span, .block { display: block; margin-top: 4px; }
.zpanel-table { width: 100%; min-width: 920px; border-collapse: collapse; }
.zpanel-table.compact { min-width: 680px; }
.zpanel-table th, .zpanel-table td { padding: 11px; border-bottom: 1px solid rgba(255,255,255,.08); text-align: left; vertical-align: top; }
.zpanel-table th { color: #8f8f8f; font-size: 12px; text-transform: uppercase; }
.zpanel-table td { color: #cdcdcd; }
.zpanel-table a { color: #cdcdcd; text-decoration: underline; text-decoration-color: rgba(255,255,255,.18); }
.zpanel-filters { display: grid; grid-template-columns: minmax(180px, .8fr) repeat(3, minmax(130px, .35fr)) auto; grid-auto-rows: max-content; align-content: center; align-items: center; gap: 8px; padding: 8px; background: #121212; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.zpanel-form { display: grid; gap: 12px; }
.zpanel-form > .pill, .zpanel .finance-form > .pill { width: auto; justify-self: start; align-self: center; }
.zpanel-form.grid,
.zpanel-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.zpanel-form label, .zpanel-filters label { display: grid; gap: 7px; color: #bdbdbd; }
.zpanel-form input, .zpanel-form select, .zpanel-form textarea, .zpanel-filters input, .zpanel-filters select, .inline-admin-form input, .inline-admin-form select { width: 100%; min-width: 0; color: #cdcdcd; background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 10px 11px; outline: 0; }
.zpanel-filters input, .zpanel-filters select { height: 38px; min-height: 38px; padding: 0 10px; align-self: center; }
.zpanel-filters .pill, .zpanel-filters button { min-height: 36px; height: 36px; align-self: center; }
.zpanel-form input.is-invalid, .zpanel-form select.is-invalid, .zpanel-form textarea.is-invalid { border-color: rgba(251,113,133,.76); box-shadow: 0 0 0 3px rgba(251,113,133,.12); }
.field-error { color: var(--danger); font-size: 12px; line-height: 1.35; }
.zpanel-form textarea { min-height: 110px; resize: vertical; }
.zpanel-form .wide, .zpanel-form label.wide { grid-column: 1 / -1; }
.page-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: 16px; align-items: start; }
.page-editor-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.page-section-editor { display: grid; gap: 12px; padding: 14px; background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 8px; }
.page-section-editor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.page-section-editor-head h2 { margin: 0 0 5px; font-size: 16px; }
.page-section-actions, .page-section-tools { display: flex; flex-wrap: wrap; gap: 8px; }
.page-section-list { display: grid; gap: 10px; }
.page-section-item { display: grid; gap: 10px; padding: 12px; background: #121212; border: 1px solid var(--line); border-radius: 8px; }
.page-section-row { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 10px; }
.page-section-tools button { min-height: 30px; padding: 0 9px; color: var(--text); background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.page-section-tools button.danger { color: var(--danger); border-color: rgba(251,113,133,.34); }
.page-editor-options { display: grid; gap: 12px; padding: 14px; background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 8px; }
.page-editor-options h2 { margin: 0; font-size: 16px; }
.page-editor-meta { display: grid; gap: 4px; padding-top: 10px; color: var(--muted); font-size: 12px; border-top: 1px solid var(--line); }
.page-editor textarea { min-height: 390px; font-family: inherit; line-height: 1.6; }
.page-section-item textarea { min-height: 120px; font-family: inherit; line-height: 1.55; }
.page-raw-content summary { cursor: pointer; color: var(--muted); font-weight: 700; }
.page-raw-content[open] { display: grid; gap: 10px; }
.page-editor-submit { display: flex; justify-content: flex-start; padding-top: 2px; }
.page-editor-danger { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding-top: 12px; border-top: 1px solid var(--line); }
.page-editor-danger form { display: inline-flex; }
.inline-admin-form { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.inline-admin-form select, .inline-admin-form input { min-width: 120px; padding: 8px; }
.inline-admin-form button, .action-row button, .zpanel-card button:not(.pill), .zpanel-table button { min-height: 32px; padding: 0 9px; color: #cdcdcd; background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; cursor: pointer; }
.action-row a, .action-row button { min-height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; border-radius: 7px; font-size: 13px; line-height: 1; }
.action-row input { max-width: 150px; height: 30px; padding: 0 8px !important; }
.action-row button.danger, .zpanel-table button.danger { color: var(--danger); border-color: rgba(251,113,133,.32); }
.is-loading { opacity: .72; cursor: progress !important; }
.action-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.action-row form { display: inline-flex; }
.risk-score { display: inline-flex; min-width: 34px; justify-content: center; padding: 4px 7px; border-radius: 999px; background: rgba(30,1,143,.24); border: 1px solid rgba(30,1,143,.5); }
.zpanel-alert { padding: 12px 14px; background: rgba(245,184,75,.12); border: 1px solid rgba(245,184,75,.28); border-radius: 8px; }
.zpanel-confirm-backdrop { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.62); }
.zpanel-confirm-box { width: min(420px, 100%); display: grid; gap: 12px; padding: 16px; color: var(--text); background: var(--bg-card); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); }
.zpanel-confirm-box strong { font-size: 17px; }
.zpanel-confirm-box p { margin: 0; color: var(--muted); line-height: 1.5; }
.zpanel-confirm-box div { display: flex; justify-content: flex-end; gap: 8px; }
.zpanel-confirm-box button { min-height: 34px; padding: 0 12px; color: var(--text); background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.zpanel-confirm-box button.primary { color: #fff; background: var(--brand); border-color: var(--brand); }
.zpanel-confirm-box button.danger { color: #fff; background: rgba(251,113,133,.2); border-color: rgba(251,113,133,.5); }
.settings-form { gap: 16px; }
.settings-logo-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.settings-logo-summary article { min-width: 0; display: grid; gap: 4px; padding: 10px; background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 8px; }
.settings-logo-summary span { color: var(--muted); font-size: 12px; }
.settings-logo-summary strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.media-manager { align-items: stretch; }
.media-logo-list { display: grid; gap: 8px; }
.media-logo-list article { display: grid; grid-template-columns: minmax(0, 1fr) 64px; align-items: center; gap: 10px; padding: 10px; background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 8px; }
.media-logo-list small { display: block; margin-top: 3px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-logo-list img { width: 64px; height: 42px; object-fit: contain; background: rgba(255,255,255,.04); border-radius: 6px; }
.media-thumb { width: 64px; height: 48px; object-fit: contain; background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 6px; }
.media-table .copy-url { min-width: 210px; cursor: copy; }
.category-manager { grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); }
.category-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.category-tabs a { min-height: 36px; display: inline-flex; align-items: center; padding: 0 12px; color: var(--muted); background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 999px; }
.category-tabs a.is-active { color: #fff; background: var(--brand); border-color: var(--brand); }
.category-edit { margin-top: 8px; }
.category-edit summary { cursor: pointer; color: var(--text); font-weight: 700; }
.category-edit .inline-admin-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px; }
.category-edit .inline-admin-form label { display: grid; gap: 6px; color: var(--muted); }
.category-media-preview { width: 54px; height: 54px; object-fit: contain; padding: 4px; background: var(--bg-card-soft); border: 1px solid var(--line); border-radius: 8px; }
.category-media-preview.banner { width: 150px; height: 62px; object-fit: cover; }
.category-admin-form input[type="file"], .zpanel-form input[type="file"] { padding: 8px; }
.quick-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.security-list-row small { display: block; margin-top: 3px; color: #8f8f8f; }
.status-active, .status-published { color: #47d17c; border-color: rgba(71,209,124,.35); }
.status-suspended, .status-deleted, .status-archived, .status-rejected, .status-blocked { color: #fb7185; border-color: rgba(251,113,133,.35); }
.status-pending, .status-draft, .status-pending_review { color: #f5b84b; border-color: rgba(245,184,75,.35); }

@media (max-width: 1160px) {
    .zpanel-grid.two, .zpanel-grid.three { grid-template-columns: 1fr; }
    .page-editor-layout { grid-template-columns: 1fr; }
    .zpanel-filters { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
    .zpanel-sidebar { max-height: none; }
    .zpanel-sidebar-head { min-width: 180px; }
    .zpanel-menu-toggle { display: inline-flex; }
    .zpanel-menu { display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 100%; }
    .zpanel-sidebar.is-open .zpanel-menu { display: grid; }
    .zpanel .side.zpanel-sidebar { display: grid; overflow-x: visible; }
}

@media (max-width: 640px) {
    .zpanel-head { display: grid; align-items: start; }
    .zpanel-head-actions, .page-editor-danger { justify-content: flex-start; }
    .zpanel-head h1 { font-size: 28px; }
    .zpanel-filters, .zpanel-form.grid, .zpanel-form-grid, .zpanel-menu, .page-editor-fields, .page-section-row { grid-template-columns: 1fr; }
    .page-section-editor-head { display: grid; }
    .inline-admin-form { display: grid; }
}

.security-bot-page { display: grid; gap: 18px; }
.security-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.security-head h1, .security-head p { margin: 0; }
.security-head .muted { margin-top: 8px; max-width: 720px; line-height: 1.55; }
.security-scan-inline { width: min(520px, 100%); display: flex; gap: 8px; padding: 8px; background: var(--bg-card); border: 1px solid var(--line); border-radius: 8px; }
.security-scan-inline input { flex: 1; min-width: 0; color: var(--text); background: transparent; border: 0; outline: 0; padding: 10px; }
.security-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.security-card { min-width: 0; padding: 16px; background: #121212; border: 1px solid var(--line); border-radius: 8px; }
.security-card h2 { margin: 0 0 14px; font-size: 18px; }
.security-card label { display: grid; gap: 7px; margin-bottom: 12px; color: var(--muted); }
.security-card input, .security-card select, .security-card textarea { width: 100%; color: var(--text); background: #161616; border: 1px solid var(--line); border-radius: 8px; padding: 11px; }
.security-card-wide { grid-column: 1 / -1; }
.switch-row { min-height: 44px; display: flex !important; align-items: center; justify-content: space-between; gap: 12px !important; padding: 10px 0; border-bottom: 1px solid var(--line); color: var(--text) !important; }
.switch-row input { width: 46px; height: 24px; accent-color: var(--color-primary); }
.inline-create { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto; gap: 8px; margin-bottom: 14px; }
.security-list { display: grid; gap: 8px; }
.security-list-row, .word-chip { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; background: #161616; border: 1px solid var(--line); border-radius: 8px; }
.security-list-row span, .word-chip span { min-width: 0; overflow-wrap: anywhere; }
.security-list-row button, .word-chip button { min-height: 32px; padding: 0 10px; color: var(--danger); background: transparent; border: 1px solid rgba(251, 113, 133, .32); border-radius: 8px; cursor: pointer; }
.security-word-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.word-chip { justify-content: flex-start; }
.word-chip small { color: var(--muted); }
.security-table-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.security-table-head h2 { margin: 0; }
.table-scroll { width: 100%; overflow-x: auto; }
.security-table { width: 100%; min-width: 920px; border-collapse: collapse; }
.security-table th, .security-table td { padding: 11px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.security-table th { color: var(--muted); font-size: 12px; text-transform: uppercase; }
.status-pill { display: inline-flex; align-items: center; min-height: 26px; padding: 0 9px; border-radius: 999px; border: 1px solid var(--line); font-size: 12px; }
.status-safe { color: var(--success); border-color: rgba(71, 209, 124, .35); }
.status-review { color: var(--warning); border-color: rgba(245, 184, 75, .35); }
.status-blocked { color: var(--danger); border-color: rgba(251, 113, 133, .35); }
.zpanel-dev-alert { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px; padding: 12px 14px; background: rgba(30,1,143,.16); border: 1px solid var(--line); border-left: 4px solid var(--brand); border-radius: 8px; }
.zpanel-dev-alert span { color: var(--muted); }
.test-tools-page { display: grid; gap: 16px; }
.test-tool-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
.test-tool-button { min-height: 92px; display: grid; align-content: center; gap: 6px; padding: 14px; text-align: left; color: var(--text); background: #121212; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.test-tool-button:hover { border-color: rgba(30,1,143,.7); box-shadow: inset 0 0 0 1px rgba(30,1,143,.45); }
.test-tool-button span { color: var(--muted); }
.test-tool-card { display: grid; gap: 12px; padding: 16px; background: #121212; border: 1px solid var(--line); border-radius: 8px; }
.test-tool-card h2 { margin: 0; font-size: 18px; }
.test-tool-card pre { min-height: 120px; overflow: auto; margin: 0; padding: 12px; color: var(--text); background: #161616; border: 1px solid var(--line); border-radius: 8px; white-space: pre-wrap; }

@media (max-width: 560px) {
    .zpanel .panel-body { padding: 18px 12px; }
}

@media (max-width: 900px) {
    .zpanel.panel { grid-template-columns: 1fr; }
    .zpanel .panel-body { grid-column: 1; }
    .zpanel .side { position: sticky; inset: auto; top: 0; z-index: 12; display: flex; width: auto; height: auto; max-height: 76vh; gap: 8px; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); }
    .zpanel .side img { margin: 0 10px 0 0; }
    .zpanel .side a { white-space: nowrap; }
    .security-head { display: grid; align-items: start; }
    .security-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .security-scan-inline, .inline-create { grid-template-columns: 1fr; display: grid; }
    .security-scan-inline .pill, .inline-create .pill { width: 100%; }
}

.zpanel.finance-page { background: #0c0c0c; }
.zpanel .finance-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.zpanel .finance-head h1, .zpanel .finance-head p { margin: 0; }
.zpanel .finance-head h1 { font-size: 32px; line-height: 1.08; }
.zpanel .finance-head p, .zpanel .muted { color: #8f8f8f; line-height: 1.55; }
.zpanel .finance-alert { margin: 0 0 14px; padding: 12px 14px; color: #cdcdcd; background: rgba(30,1,143,.16); border: 1px solid rgba(255,255,255,.08); border-left: 4px solid #1e018f; border-radius: 8px; }
.zpanel .finance-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 0 0 18px; }
.zpanel .finance-stat-grid article { min-width: 0; display: grid; gap: 7px; padding: 16px; background: #121212; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.zpanel .finance-stat-grid span { color: #8f8f8f; }
.zpanel .finance-stat-grid strong { font-size: 23px; line-height: 1.12; overflow-wrap: anywhere; }
.zpanel .finance-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .56fr); gap: 16px; align-items: start; margin-bottom: 16px; }
.zpanel .finance-card { min-width: 0; display: grid; gap: 14px; padding: 16px; background: #121212; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.zpanel .finance-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.zpanel .finance-card-head h2 { margin: 0; font-size: 18px; }
.zpanel .finance-card-head span { color: #8f8f8f; }
.zpanel .finance-table { width: 100%; min-width: 980px; border-collapse: collapse; background: #121212; }
.zpanel .finance-table.compact { min-width: 760px; }
.zpanel .finance-table th, .zpanel .finance-table td { padding: 11px; border-bottom: 1px solid rgba(255,255,255,.08); text-align: left; vertical-align: top; }
.zpanel .finance-table th { color: #8f8f8f; font-size: 12px; text-transform: uppercase; }
.zpanel .finance-table input { min-width: 170px; color: #cdcdcd; background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 9px; }
.zpanel .finance-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.zpanel .finance-tabs a { min-height: 34px; display: inline-flex; align-items: center; padding: 0 11px; color: #8f8f8f; background: #121212; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; }
.zpanel .finance-tabs a.is-active { color: #fff; background: #1e018f; border-color: #1e018f; }
.zpanel .finance-form { display: grid; gap: 12px; }
.zpanel .finance-form.compact { gap: 10px; }
.zpanel .finance-form label { display: grid; gap: 7px; color: #bdbdbd; }
.zpanel .finance-form input, .zpanel .finance-form select, .zpanel .finance-form textarea { width: 100%; min-width: 0; color: #cdcdcd; background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 11px 12px; outline: 0; }
.zpanel .finance-form textarea { min-height: 92px; resize: vertical; }
.zpanel .settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zpanel .check-row { display: flex !important; align-items: center; gap: 9px !important; }
.zpanel .check-row input { width: 18px; height: 18px; accent-color: #1e018f; }
.zpanel .bank-account-list { display: grid; gap: 10px; }
.zpanel .bank-account-list article { min-width: 0; display: grid; gap: 6px; padding: 12px; background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.zpanel .bank-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.zpanel .zpanel-action-form { display: grid; gap: 8px; min-width: 240px; }
.zpanel .status-pending { color: #f5b84b; border-color: rgba(245,184,75,.35); }
.zpanel .status-approved, .zpanel .status-processing { color: #8ab4ff; border-color: rgba(138,180,255,.35); }
.zpanel .status-sent, .zpanel .status-safe, .zpanel .status-completed { color: #47d17c; border-color: rgba(71,209,124,.35); }
.zpanel .status-rejected, .zpanel .status-cancelled { color: #fb7185; border-color: rgba(251,113,133,.35); }

[data-theme="light"] .zpanel-app,
[data-theme="light"] .security-bot,
[data-theme="light"] .zpanel.finance-page {
    color: var(--text);
    background: var(--bg-main);
}

[data-theme="light"] .zpanel-card,
[data-theme="light"] .zpanel-stat-grid article,
[data-theme="light"] .zpanel-filters,
[data-theme="light"] .security-card,
[data-theme="light"] .security-scan-inline,
[data-theme="light"] .test-tool-button,
[data-theme="light"] .test-tool-card,
[data-theme="light"] .zpanel .finance-card,
[data-theme="light"] .zpanel .finance-stat-grid article,
[data-theme="light"] .zpanel .finance-table,
[data-theme="light"] .admin-table {
    color: var(--text);
    background: var(--bg-card);
    border-color: var(--line);
}

[data-theme="light"] .zpanel-list article,
[data-theme="light"] .report-row,
[data-theme="light"] .security-list-row,
[data-theme="light"] .word-chip,
[data-theme="light"] .test-tool-card pre,
[data-theme="light"] .zpanel .bank-account-list article,
[data-theme="light"] .inline-admin-form button,
[data-theme="light"] .action-row button,
[data-theme="light"] .zpanel-card button:not(.pill),
[data-theme="light"] .zpanel-table button {
    color: var(--text);
    background: var(--bg-card-soft);
    border-color: var(--line);
}

[data-theme="light"] .security-list-row button,
[data-theme="light"] .word-chip button {
    color: var(--danger);
    background: transparent;
    border-color: rgba(251, 113, 133, .32);
}

[data-theme="light"] .security-list-row button:hover,
[data-theme="light"] .word-chip button:hover {
    background: rgba(251, 113, 133, .08);
}

[data-theme="light"] .security-scan-inline input::placeholder,
[data-theme="light"] .security-card input::placeholder,
[data-theme="light"] .inline-create input::placeholder {
    color: var(--muted);
}

[data-theme="light"] .zpanel-menu-toggle {
    color: var(--text);
    background: var(--bg-card-soft);
    border-color: var(--line);
}

[data-theme="light"] .zpanel-form input,
[data-theme="light"] .zpanel-form select,
[data-theme="light"] .zpanel-form textarea,
[data-theme="light"] .zpanel-filters input,
[data-theme="light"] .zpanel-filters select,
[data-theme="light"] .inline-admin-form input,
[data-theme="light"] .inline-admin-form select,
[data-theme="light"] .security-card input,
[data-theme="light"] .security-card select,
[data-theme="light"] .security-card textarea,
[data-theme="light"] .security-scan-inline input,
[data-theme="light"] .inline-create input,
[data-theme="light"] .inline-create select,
[data-theme="light"] .inline-create textarea,
[data-theme="light"] .zpanel .finance-form input,
[data-theme="light"] .zpanel .finance-form select,
[data-theme="light"] .zpanel .finance-form textarea,
[data-theme="light"] .zpanel .finance-table input {
    color: var(--text);
    background: var(--bg-card-soft);
    border-color: var(--line);
}

[data-theme="light"] .settings-logo-summary article,
[data-theme="light"] .media-logo-list article,
[data-theme="light"] .category-tabs a,
[data-theme="light"] .page-section-editor,
[data-theme="light"] .page-editor-options,
[data-theme="light"] .page-section-item {
    background: var(--bg-card-soft);
    border-color: var(--line);
}

[data-theme="light"] .zpanel-table th,
[data-theme="light"] .zpanel-table td,
[data-theme="light"] .security-table th,
[data-theme="light"] .security-table td,
[data-theme="light"] .zpanel .finance-table th,
[data-theme="light"] .zpanel .finance-table td {
    color: var(--text);
    border-color: var(--line);
}

[data-theme="light"] .zpanel-table th,
[data-theme="light"] .security-table th,
[data-theme="light"] .security-card label,
[data-theme="light"] .security-list-row small,
[data-theme="light"] .test-tool-button span,
[data-theme="light"] .zpanel .finance-table th,
[data-theme="light"] .zpanel-stat-grid span,
[data-theme="light"] .zpanel .finance-stat-grid span,
[data-theme="light"] .zpanel .muted {
    color: var(--muted);
}

@media (max-width: 980px) {
    .zpanel .finance-grid, .zpanel .settings-grid, .category-manager { grid-template-columns: 1fr; }
    .zpanel .finance-head { align-items: flex-start; display: grid; }
}

@media (max-width: 560px) {
    .zpanel .finance-head h1 { font-size: 28px; }
    .zpanel .finance-stat-grid { grid-template-columns: 1fr; }
    .zpanel .finance-card { padding: 14px; }
    .zpanel .bank-card-head { display: grid; }
}
