:root{--bg: #0f1419;--panel: #1a2332;--border: #2d3a4d;--text: #e6edf3;--muted: #8b9cb3;--accent: #3b82f6;--danger: #ef4444;--ok: #22c55e;--app-sidebar-w: 200px;--app-break: 769px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-width:0;overflow-x:hidden}#root{min-height:100vh;min-width:0}.app-shell{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;min-height:100vh}@media (min-width: 769px){.app-shell{flex-direction:row}}.app-sidebar{flex-shrink:0;width:100%;max-width:100%;min-width:0;border-bottom:1px solid var(--border);border-right:none;padding:.75rem 1rem;background:var(--panel)}@media (min-width: 769px){.app-sidebar{width:var(--app-sidebar-w);max-width:var(--app-sidebar-w);border-bottom:none;border-right:1px solid var(--border);padding:1rem}}.app-sidebar-title{margin-bottom:.75rem;font-weight:600;font-size:.9rem}.app-nav{display:flex;flex-direction:column;gap:.25rem}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-main-toolbar{display:flex;justify-content:flex-end;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.app-main-body{flex:1;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch}.app-sidebar-user{margin-top:1.25rem;font-size:.75rem;color:var(--muted)}.app-mobile-header{display:none}@media (min-width: 769px){.app-mobile-header,.app-drawer-backdrop{display:none!important}}@media (max-width: 768px){.app-desktop-only{display:none!important}.app-mobile-header{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding:.5rem .75rem;min-height:48px;border-bottom:1px solid var(--border);background:var(--panel)}.app-mobile-menu-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text)}.app-mobile-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-mobile-menu-icon{display:block;width:20px;height:2px;background:currentColor;border-radius:1px;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}.app-mobile-header-title{flex:1;min-width:0;margin:0;font-size:1rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-mobile-header-actions{flex-shrink:0;display:flex;align-items:center}.app-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;-webkit-tap-highlight-color:transparent}.app-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(280px,86vw);max-width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:4px 0 24px #00000059;border-right:1px solid var(--border);border-bottom:none;padding:.75rem 1rem;background:var(--panel);z-index:1001}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem}.page{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 2rem;width:100%;min-width:0}@media (max-width: 640px){.page{padding:.75rem .65rem 1.5rem}}.login-page{width:100%;max-width:400px;margin:0 auto;padding-left:.65rem;padding-right:.65rem}h1{font-size:1.25rem;font-weight:600;margin:0 0 1rem}h2{font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;margin-bottom:.5rem}table.data{width:100%;min-width:640px;border-collapse:collapse;font-size:.875rem}@media (max-width: 640px){table.data{min-width:520px;font-size:.8125rem}}.table-scroll--kv table.data{min-width:0;width:100%}table.data th,table.data td{border:1px solid var(--border);padding:.45rem .5rem;text-align:left}table.data th{background:var(--panel);color:var(--muted);font-weight:500}table.data tr:hover td{background:#3b82f60f}.btn{display:inline-block;padding:.35rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-danger{background:#7f1d1d;border-color:var(--danger);color:#fecaca}.err{background:#ef44441f;border:1px solid var(--danger);color:#fecaca;padding:.6rem .75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.muted{color:var(--muted);font-size:.8125rem}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.pager{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;row-gap:.5rem;margin-top:.75rem;font-size:.875rem}kbd{font-size:.75em;opacity:.85}.pre{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:.75rem;overflow:auto;font-size:.75rem;max-height:320px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:.75rem;margin-bottom:1rem;min-width:0}@media (max-width: 400px){.stat-grid{grid-template-columns:1fr 1fr}}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem}.stat-card .stat-label{font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.stat-card .stat-value{font-size:1rem;font-weight:600}.withdraw-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:.65rem 1rem;align-items:end;margin-bottom:.75rem;min-width:0}@media (max-width: 640px){.withdraw-filters{grid-template-columns:1fr;gap:.5rem}}.withdraw-filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:var(--muted);min-width:0}.withdraw-filters input[type=text],.withdraw-filters input[type=datetime-local],.withdraw-filters input[type=number],.withdraw-filters select{width:100%;font-size:1rem}.withdraw-filters input[type=datetime-local]{color-scheme:dark;min-height:2.5rem}.withdraw-filters input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;pointer-events:auto}.filter-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}@media (max-width: 640px){.filter-actions .btn{flex:1 1 auto;min-width:min(100%,140px)}.filter-actions .btn,.pager .btn,.row-actions .btn{min-height:44px}}.login-page input[type=text],.login-page input[type=password],.appeal-arbitrate-form select,.appeal-arbitrate-form textarea{font-size:1rem}@media (max-width: 640px){.appeal-arbitrate-form .btn.btn-primary{min-height:44px;width:100%}}.dashboard-merchant-row input[type=text]{min-width:0}.recon-filter-narrow{max-width:480px}@media (max-width: 640px){.recon-filter-narrow{max-width:100%}}@media (max-width: 480px){.dashboard-merchant-row{flex-direction:column;align-items:stretch!important}.dashboard-merchant-row input[type=text]{flex:1 1 auto!important;width:100%}}.ops-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.ops-page-header__title{margin:0;font-size:1.25rem;font-weight:600}.ops-page-header__subtitle{margin:.35rem 0 0;max-width:42rem}.ops-page-header__actions{flex-shrink:0}.ops-page-header__link{font-weight:500}.stat-section{margin-bottom:1rem}.stat-section__title{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--muted)}.stat-grid--amounts{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}.ops-status-tag{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.45}.ops-status-tag--neutral{background:#8b9cb333;color:var(--muted)}.ops-status-tag--info{background:#3b82f633;color:#93c5fd}.ops-status-tag--success{background:#22c55e2e;color:#86efac}.ops-status-tag--warning{background:#f59e0b33;color:#fcd34d}.ops-status-tag--danger{background:#ef444433;color:#fecaca}.table-empty-cell{padding:1.5rem 1rem!important;text-align:center;vertical-align:middle;border:1px solid var(--border)}.ops-empty-state__title{margin:0 0 .35rem;font-weight:600}.ops-empty-state__desc{margin:0}.table-td--muted{font-size:.8125rem;color:var(--muted)}.table-td--merchant{min-width:0;max-width:220px;vertical-align:top}.withdraw-summary-strip{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.1rem;margin-bottom:1rem;background:var(--panel);border:1px solid var(--border);border-radius:8px}.withdraw-summary-strip__amount{font-size:1.35rem;font-weight:700;letter-spacing:.02em}.withdraw-summary-strip__meta{margin-left:auto;font-size:.8125rem}.kv-section{margin-bottom:1.25rem}.kv-section__title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.kv-section__th{width:11rem;max-width:38%}.kv-section__td{word-break:break-word}.ops-action-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:1rem 0 1.25rem;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ops-action-bar__primary,.ops-action-bar__danger{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.withdraw-detail-panel{margin-top:1rem;max-width:520px}.merchant-id-cell{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.merchant-id-cell__abbr{font-family:ui-monospace,monospace;font-size:.8125rem}.merchant-id-cell__copy{padding:.2rem .5rem;font-size:.75rem;min-height:auto}.copy-long{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.copy-long__text{font-family:ui-monospace,monospace;font-size:.75rem;line-height:1.45;word-break:break-all;max-width:100%}.copy-long__btn{flex-shrink:0}.ops-section-card{margin-bottom:1rem}.ops-section-card__title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.ops-section-card__desc{margin:0 0 .5rem}.ops-dashboard-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:.65rem}.ops-dashboard-shortcut{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--panel);text-decoration:none;color:inherit;min-width:0}.ops-dashboard-shortcut:hover{border-color:color-mix(in srgb,var(--border) 70%,var(--fg))}.ops-dashboard-shortcut__title{font-weight:600;font-size:.95rem}.ops-dashboard-shortcut__go{flex-shrink:0;font-size:.8125rem}.ops-dashboard-health-kv{display:flex;flex-direction:column;gap:.5rem;max-width:28rem}.ops-dashboard-health-row{display:flex;flex-wrap:wrap;gap:.35rem .75rem;align-items:baseline;justify-content:space-between;font-size:.9375rem}
