:root{--workspace-ink:#19243b;--workspace-muted:#63718b;--workspace-surface:#fff;--workspace-line:#dfe5ee;--workspace-bg:#f3f5fa;--workspace-accent:#c84c26;--workspace-shadow:0 12px 36px #19243b0a;--zanzi-charcoal:#19243b;--zanzi-font-sans:'Plus Jakarta Sans',sans-serif}
body.dark-mode{--workspace-ink:#eef2fb;--workspace-muted:#a7b3ca;--workspace-surface:#171e2b;--workspace-line:#303a4c;--workspace-bg:#0e1420;--workspace-accent:#ff936a;--workspace-shadow:0 12px 36px #0003}
.host-workspace{background:radial-gradient(ellipse at top right,#c84c260a,transparent 60%),var(--workspace-bg)!important;color:var(--workspace-ink);min-height:70vh}
.workspace-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--workspace-accent)}
.workspace-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--workspace-line);border-radius:20px;background:var(--workspace-surface);padding:24px;gap:24px;box-shadow:var(--workspace-shadow)}
.workspace-summary strong{display:block;font-size:28px}.workspace-summary span{font-size:12px;color:var(--workspace-muted)}
.workspace-event{border:1px solid var(--workspace-line);border-radius:20px;padding:24px;background:var(--workspace-surface);box-shadow:var(--workspace-shadow);animation:workspace-reveal .25s ease both}
.workspace-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--workspace-line);border-radius:16px;background:var(--workspace-surface);box-shadow:var(--workspace-shadow)}.workspace-nav-brand{display:flex;align-items:center;gap:10px;color:var(--workspace-ink)!important;text-decoration:none!important}.workspace-nav-brand strong,.workspace-nav-brand small{display:block}.workspace-nav-brand strong{font-size:13px}.workspace-nav-brand small{font-size:10px;color:var(--workspace-muted)}.workspace-nav-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--workspace-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.workspace-nav-links,.workspace-nav-account{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-nav-links a,.workspace-nav-account a{padding:8px 11px;border:1px solid transparent;border-radius:9px;color:var(--workspace-muted)!important;text-decoration:none;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.workspace-nav-links a:hover,.workspace-nav-account a:hover,.workspace-nav-links a.is-active{background:var(--workspace-bg);border-color:var(--workspace-line);color:var(--workspace-ink)!important}.workspace-nav-account{font-size:11px;color:var(--workspace-muted)}.workspace-nav-account a{color:var(--workspace-accent)!important}
.workspace-event a,.workspace-event button{cursor:pointer;transition:transform .2s,box-shadow .2s}.workspace-event a:hover,.workspace-event button:hover{transform:translateY(-2px)}
.host-workspace .dash-card{background:var(--workspace-surface)!important;border-color:var(--workspace-line)!important;box-shadow:var(--workspace-shadow);color:var(--workspace-ink)!important}
.host-workspace .table{--bs-table-bg:transparent;--bs-table-color:var(--workspace-ink);--bs-table-border-color:var(--workspace-line)}
.host-workspace .text-muted{color:var(--workspace-muted)!important}.host-workspace h1,.host-workspace h2,.host-workspace h5{font-family:'Plus Jakarta Sans',sans-serif;color:var(--workspace-ink)!important}
.host-workspace input{background:var(--workspace-surface);color:var(--workspace-ink);border-color:var(--workspace-line)}
.host-workspace .stat-value{font-size:clamp(1.1rem,2.2vw,2rem)!important;overflow-wrap:anywhere}
a,button,[role=button],select{cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
:focus-visible{outline:3px solid var(--workspace-accent);outline-offset:3px}
@keyframes workspace-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.admin-wrapper .admin-main{min-width:0}.admin-wrapper .admin-stat-value{font-size:clamp(1.1rem,2vw,2rem);overflow-wrap:anywhere}
body:not(.dark-mode) .admin-wrapper .text-white{color:var(--dash-text)!important}
.admin-wrapper .admin-sidebar{position:sticky;top:0;height:100vh}
@media(max-width:991px){.admin-wrapper .admin-sidebar{display:none!important}.admin-wrapper .admin-main{padding:20px 16px}.admin-wrapper .tab-subnav-btn{white-space:nowrap;font-size:11px;padding:12px 8px}.host-workspace .dash-card{padding:20px}.host-workspace h1{font-size:1.8rem}}
@media(max-width:575px){.workspace-summary{padding:16px;gap:16px}.workspace-summary strong{font-size:24px}.host-workspace .stat-card{padding:20px 12px}.admin-wrapper .admin-stat-card{padding:16px 12px}.host-workspace .table{font-size:12px}.host-workspace td{overflow-wrap:anywhere}}
@media(max-width:767px){.workspace-nav{align-items:flex-start}.workspace-nav-links{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.workspace-nav-links a{white-space:nowrap}.workspace-nav-account>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:992px){.nav-main-page>div.d-flex>.btn-primary{display:none!important}}
@media(min-width:992px) and (max-width:1199px){.nav-main-page{gap:16px!important;padding-inline:20px!important}.nav-center-search{max-width:180px;min-width:100px;flex:1}.nav-menu-links{gap:12px!important}.nav-menu-links a,.nav-menu-links button{font-size:11px!important}.brand-logo-wrap{font-size:22px!important}}
.host-workspace .settlement-balance{background:var(--workspace-bg);border:1px solid var(--workspace-line)}
.host-workspace input::placeholder{color:var(--workspace-muted);opacity:1}
.host-workspace .btn-outline-secondary{color:var(--workspace-ink);border-color:var(--workspace-line)}
.host-workspace .btn-outline-secondary:hover{background:var(--workspace-bg)}
.host-workspace .stat-card.green{background:linear-gradient(135deg,#176b56,#124d41)}
.host-workspace .stat-card.gold{background:linear-gradient(135deg,#87683b,#614b30)}
.host-workspace .stat-card.orange{background:linear-gradient(135deg,#cc4a25,#99361d)}

#gate-code-form .form-control{min-width:0}#gate-code-form{flex-wrap:wrap}#gate-code-form input{flex:1 1 220px}#gate-code-form button{flex:0 0 auto}.host-workspace td{overflow-wrap:anywhere}
.brand-logo-wrap{display:inline-flex;align-items:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;font-weight:800;letter-spacing:-1px;color:var(--brand-orange);text-decoration:none!important;flex-shrink:0}
.brand-logo-wrap:hover{color:var(--brand-orange-hover)}
.host-workspace a:not(.btn):not(.btn-primary){color:var(--workspace-accent);text-decoration:none}.host-workspace a:not(.btn):not(.btn-primary):hover{text-decoration:underline}
@media(max-width:575px){.brand-logo-wrap{font-size:20px;letter-spacing:-.6px}.brand-logo-wrap img{max-width:150px!important}}

.mail-log-table{min-width:520px}.mail-log-table td:first-child{min-width:180px;white-space:nowrap}.mail-log-table td:last-child{white-space:nowrap}

.zf-footer .brand-logo-wrap{color:var(--text-main)!important}
/* Admin operations pages: sub-navigation, filters, status pills */
.ops-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:16px 0 24px;scrollbar-width:thin}
.ops-nav a{white-space:nowrap;padding:8px 16px;border-radius:999px;border:1px solid var(--workspace-line);color:var(--workspace-ink)!important;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ops-nav a:hover{border-color:#ff5722;color:#ff5722!important}
.ops-nav a.active{background:#ff5722;border-color:#ff5722;color:#fff!important}
.ops-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ops-filters .form-control,.ops-filters .form-select{max-width:280px;border-radius:12px}
.host-workspace .form-control:focus,.host-workspace .form-select:focus{border-color:#ff5722;box-shadow:0 0 0 .2rem rgba(255,87,34,.18)}
.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}
.status-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status-pill.pending,.status-pill.open,.status-pill.draft{background:rgba(234,179,8,.14);color:#a16207}
.status-pill.processing,.status-pill.in_progress{background:rgba(59,130,246,.14);color:#1d4ed8}
.status-pill.paid,.status-pill.completed,.status-pill.published,.status-pill.resolved{background:rgba(22,163,74,.14);color:#15803d}
.status-pill.failed,.status-pill.rejected,.status-pill.cancelled,.status-pill.invalid{background:rgba(220,38,38,.12);color:#b91c1c}
.status-pill.refunded,.status-pill.closed,.status-pill.received,.status-pill.processed{background:rgba(120,113,108,.14);color:#57534e}
body.dark-mode .status-pill.pending,body.dark-mode .status-pill.open,body.dark-mode .status-pill.draft{color:#fde047}
body.dark-mode .status-pill.processing,body.dark-mode .status-pill.in_progress{color:#93c5fd}
body.dark-mode .status-pill.paid,body.dark-mode .status-pill.completed,body.dark-mode .status-pill.published,body.dark-mode .status-pill.resolved{color:#86efac}
body.dark-mode .status-pill.failed,body.dark-mode .status-pill.rejected,body.dark-mode .status-pill.cancelled,body.dark-mode .status-pill.invalid{color:#fca5a5}
body.dark-mode .status-pill.refunded,body.dark-mode .status-pill.closed,body.dark-mode .status-pill.received,body.dark-mode .status-pill.processed{color:#d6d3d1}
.ops-empty{padding:48px 16px;text-align:center;color:var(--workspace-muted)}
.ops-actions{display:flex;flex-wrap:wrap;gap:6px}
.ops-actions form{margin:0}
.host-workspace .pagination{--bs-pagination-active-bg:#ff5722;--bs-pagination-active-border-color:#ff5722;--bs-pagination-color:var(--workspace-ink);--bs-pagination-bg:transparent;--bs-pagination-border-color:var(--workspace-line);flex-wrap:wrap}
.workspace-summary.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:767px){.workspace-summary,.workspace-summary.four{grid-template-columns:repeat(2,1fr)}.ops-filters .form-control,.ops-filters .form-select{max-width:none;flex:1 1 140px}}