:root{--fg-navy:#0b1f3a;--fg-navy2:#10294b;--fg-blue:#246bfd;--fg-bg:#f4f7fb;--fg-border:#e3e9f2;--fg-text:#162033;--fg-muted:#75839a;--fg-green:#16a36a;--fg-amber:#e58a00;--fg-red:#e5484d}
body{font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important;color:var(--fg-text);background:var(--fg-bg)}
.main-header{height:64px!important;background:#fff!important;border-bottom:1px solid var(--fg-border);box-shadow:0 1px 4px rgba(16,32,55,.04)}
.main-header .logo{height:64px!important;line-height:64px!important;width:232px!important;background:var(--fg-navy)!important;color:#fff!important;text-align:left!important;padding-left:25px!important;font-size:20px!important;font-weight:750!important;letter-spacing:-.3px}
.main-header .logo .logo-lg:before{content:"◒";display:inline-block;color:#3b7cff;font-size:27px;margin-right:10px;vertical-align:-2px}
.main-header .navbar{margin-left:232px!important;min-height:64px!important;background:#fff!important}.main-header .sidebar-toggle{height:64px!important;padding:22px 18px!important;color:#52617a!important}
.main-header .navbar .nav>li>a{height:64px!important;line-height:24px!important;padding:20px 16px!important;color:#46556d!important;background:transparent!important;border:0!important}
.main-header .navbar .nav>li.active>a{color:var(--fg-blue)!important;border-bottom:2px solid var(--fg-blue)!important}.main-header .navbar .nav>li>a:hover{color:var(--fg-blue)!important;background:#f7f9fc!important}
.main-sidebar{top:64px!important;width:232px!important;background:var(--fg-navy)!important}.content-wrapper,.main-footer{margin-left:232px!important}.content-wrapper{top:64px!important;background:var(--fg-bg)!important}
.sidebar{background:var(--fg-navy)!important;padding-top:12px}.user-panel,.sidebar-form{display:none!important}.sidebar-menu{padding:8px!important}.sidebar-menu>li{margin:3px 0!important}
.sidebar-menu>li>a{border-radius:7px!important;padding:12px 13px!important;color:#b9c6d8!important;font-size:14px!important;border-left:0!important}.sidebar-menu>li>a>.fa{width:22px!important;color:#8ca1bd!important}
.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a{background:#1c4f97!important;color:#fff!important}.sidebar-menu>li.active>a>.fa{color:#fff!important}.sidebar-menu .treeview-menu{background:transparent!important;padding:5px 0 7px 12px!important}
.sidebar-menu .treeview-menu>li>a{padding:10px 12px!important;color:#9fb0c6!important;border-radius:6px!important}.sidebar-menu .treeview-menu>li.active>a,.sidebar-menu .treeview-menu>li>a:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
.inside-header #ribbon{display:none!important}.inside-header .content{padding:22px!important;background:var(--fg-bg)!important}.panel{border:1px solid var(--fg-border)!important;box-shadow:none!important;border-radius:9px!important}
.btn{border-radius:6px!important;font-weight:600!important}.btn-success{background:var(--fg-blue)!important;border-color:var(--fg-blue)!important}.form-control{border-color:#d9e1ec!important;border-radius:6px!important;box-shadow:none!important}
.flow-dashboard{max-width:1680px;margin:0 auto;padding:3px}.flow-page-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.flow-page-head h1{font-size:24px;line-height:1.2;margin:0 0 6px;font-weight:750;letter-spacing:-.4px}.flow-page-head p{margin:0;color:var(--fg-muted);font-size:13px}.flow-head-tools{display:flex;align-items:center;gap:10px}.flow-head-tools select{width:280px;height:38px}.flow-env{height:36px;display:inline-flex;align-items:center;border:1px solid #bfe8d5;background:#effaf5;color:#108456;border-radius:6px;padding:0 12px;font-weight:650}.flow-env i{width:7px;height:7px;border-radius:50%;background:#1cb878;margin-right:7px}
.flow-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.flow-metrics section{min-height:116px;background:#fff;border:1px solid var(--fg-border);border-radius:9px;padding:18px;display:flex;justify-content:space-between;align-items:center}.flow-metrics span{display:block;color:#58667b;font-size:13px;font-weight:650}.flow-metrics strong{display:block;font-size:26px;margin:9px 0 5px;letter-spacing:-.5px}.flow-metrics small{color:var(--fg-muted)}.flow-metrics section>i{font-size:25px;color:#6f94ff;background:#eef3ff;width:48px;height:48px;line-height:48px;text-align:center;border-radius:9px}
.flow-metrics .flow-money-values{font-size:20px;line-height:1.35}.flow-money-values em{display:block;font-style:normal}.flow-currency-list small{display:block!important;margin:1px 0!important;color:var(--fg-text)!important}
.flow-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(360px,.9fr);gap:14px;margin-bottom:14px}.flow-bottom-grid{display:grid;grid-template-columns:1.05fr 1.25fr .8fr;gap:14px}.flow-panel{background:#fff;border:1px solid var(--fg-border);border-radius:9px;overflow:hidden}.flow-panel>header{height:67px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6}.flow-panel h3{font-size:15px;margin:0 0 4px;font-weight:750}.flow-panel header p{font-size:12px;color:var(--fg-muted);margin:0}.flow-panel header a{font-size:12px;color:var(--fg-blue);font-weight:650}.flow-chart-panel #echart{height:315px!important;padding:6px 8px}
.flow-health-head,.flow-health-row{display:grid;grid-template-columns:42px 1fr 78px;align-items:center}.flow-health-head{height:36px;padding:0 15px;background:#f8fafc;color:#8a96a8;font-size:11px}.flow-health-row{min-height:54px;padding:6px 15px;border-top:1px solid #f0f3f7;color:var(--fg-text)}.flow-health-row:hover{background:#f8fbff}.provider-mark{width:29px;height:29px;line-height:29px;text-align:center;border-radius:7px;background:#eaf0ff;color:var(--fg-blue);font-weight:800}.provider-paypal{background:#e8f1ff;color:#0866c6}.provider-stripe{background:#eeeaff;color:#635bff}.provider-revolut{background:#eef0f3;color:#111}.provider-square{background:#eef0f3;color:#111}.provider-airwallex{background:#fff0ec;color:#f15a29}.flow-health-row b{display:block;text-transform:capitalize;font-size:13px}.flow-health-row small{display:block;color:var(--fg-muted);margin-top:2px}.flow-health-status{justify-self:end;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700}.flow-health-status.ok{background:#eaf8f1;color:var(--fg-green)}.flow-health-status.warning{background:#fff3df;color:var(--fg-amber)}
.flow-table{padding:0 14px 12px}.flow-tr{display:grid;grid-template-columns:1.5fr .8fr 1fr .6fr .7fr;gap:9px;min-height:39px;align-items:center;border-bottom:1px solid #eef2f6;font-size:12px}.flow-tr.flow-th{color:#8490a3;font-size:11px;background:#fafbfd;margin:0 -14px;padding:0 14px}.flow-tr span small{display:block;margin-top:2px;color:#8d98aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-orders .flow-tr{grid-template-columns:1.45fr .85fr .75fr .45fr}.flow-orders.flow-orders-all .flow-tr{grid-template-columns:1.05fr 1.25fr .75fr .62fr .48fr}.flow-empty{padding:30px 15px;text-align:center;color:#96a1b2;font-size:12px}.flow-alerts>a{height:48px;display:grid;grid-template-columns:28px 1fr 30px;align-items:center;padding:0 16px;border-bottom:1px solid #eef2f6;color:var(--fg-text)}.flow-alerts>a:hover{background:#f8fbff}.flow-alerts>a i{font-size:16px}.flow-alerts>a strong{text-align:right}.red{color:var(--fg-red)}.amber{color:var(--fg-amber)}.blue{color:var(--fg-blue)}
@media(max-width:1200px){.flow-bottom-grid{grid-template-columns:1fr 1fr}.flow-alerts{grid-column:1/-1}.flow-main-grid{grid-template-columns:1fr}.flow-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.main-header .logo{width:100%!important;text-align:center!important;padding:0!important}.main-header .navbar{margin-left:0!important}.main-sidebar{width:230px!important}.content-wrapper{margin-left:0!important}.flow-metrics,.flow-bottom-grid{grid-template-columns:1fr}.flow-page-head{display:block}.flow-head-tools{margin-top:12px}.flow-head-tools select{width:210px}}

/* FlowGate shell refinements: keep the product name intact and match the approved console density. */
.main-header .logo{padding:0 12px 0 22px!important;font-size:18px!important;white-space:nowrap!important;overflow:visible!important}
.main-header .logo .logo-lg:before{content:"◉"!important;display:inline-block!important;color:#3b7cff!important;font-size:24px!important;margin-right:8px!important;vertical-align:-2px!important}
.flow-search{height:38px;min-width:310px;border:1px solid var(--fg-border);border-radius:6px;background:#fff;display:flex;align-items:center;padding:0 12px;color:#9aa5b5}
.flow-search i{margin-right:8px}.flow-search input{border:0;outline:0;width:100%;color:var(--fg-text);background:transparent}
.flow-date{height:38px;border:1px solid var(--fg-border);border-radius:6px;background:#fff;padding:0 12px;color:#52617a;font-size:12px}
.flow-merchant-overview{margin-top:14px}.flow-merchant-table{padding:0 16px 12px}.flow-merchant-row{display:grid;grid-template-columns:1.8fr .55fr .55fr .8fr 1fr .8fr .65fr 1fr;gap:12px;align-items:center;min-height:52px;border-bottom:1px solid #eef2f6;font-size:13px}.flow-merchant-row>span:nth-child(n+2){text-align:center}.flow-merchant-head{min-height:39px;color:#8490a3;background:#fafbfd;margin:0 -16px;padding:0 16px;font-size:11px}.flow-merchant-row b{display:block}.flow-merchant-row small{display:block;color:var(--fg-muted);margin-top:3px}.flow-merchant-row em{font-style:normal;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.flow-status-ok{background:#eaf8f1;color:var(--fg-green)}.flow-status-off{background:#f1f3f6;color:#7d899b}