/* Unified 2026 Proxo Balance admin theme: dark ink, Proxo blue, clean receipt surfaces.
   Preserve the red/green/amber semantics of warning and transaction statuses. */
:root{
 --bg:#f7f9fc;--w:#fff;--b1:#e6ecf4;--b2:#d5dfea;
 --dark:#101d31;--dark2:#243a55;--pri:#1685fa;
 --bl:#1685fa;--cy:#1685fa;--mt:#8291a4;--mt2:#637389;--tx:#18283e;
 --ex-blue:#1685fa;--ex-text:#172337;--ex-line:#e7ecf3;
 --ui-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;font-synthesis:none}
#sidebar{background:#101d31;box-shadow:-10px 0 38px rgba(11,26,47,.12)}
.sb-logo{border-color:rgba(255,255,255,.09);padding-top:25px;padding-bottom:23px}
.sb-logo-text h1,.auth-logo h1{color:#fff;font-weight:750;letter-spacing:-.9px}
.auth-logo h1{color:#14243d}
.sb-logo-text h1 span,.auth-logo h1 span{color:#1685fa}
.sb-section{color:rgba(231,241,255,.48);font-weight:500;letter-spacing:.4px}
.sb-item{border-radius:13px;color:rgba(236,244,255,.73);font-weight:400;padding:12px;line-height:1.6}
.sb-item:hover{background:rgba(22,133,250,.12);color:#fff}
.sb-item.active{background:rgba(22,133,250,.2);color:#fff;font-weight:550}
.sb-item .svg-icon{width:18px;height:18px;color:#8fc5ff!important;flex-shrink:0}
.sb-item.active .svg-icon{color:#fff!important}
#main{background:#f7f9fc}
.topbar{height:68px;background:rgba(255,255,255,.96);border-color:#e7edf5;backdrop-filter:blur(12px)}
.topbar-titles h2{font-weight:600;color:#16273e;letter-spacing:0}
.topbar-titles p{font-weight:400;color:#8390a2}
.content{max-width:1600px;width:100%;margin-inline:auto}
.pg>.sec-hdr h3,.sec-hdr h3,.modal-hdr h3,.modal-head h3{font-weight:600;color:#1685fa;line-height:1.7}
.pg>.sec-hdr{gap:10px;flex-wrap:wrap}
.stat-card,.tbl-wrap,.wallet-card,.wallet-item,.acc-card,.rec-card,.support-admin-card,.error-log-card,.alert-card{
 background:#fff;border-color:#e7edf5;border-radius:19px;
 box-shadow:0 7px 27px rgba(22,39,69,.035);
}
.stat-val{color:#142840;font-weight:600;font-family:Inter,R,Arial,sans-serif;letter-spacing:-.25px}
.stat-lbl{color:#7d8a9c;font-weight:400;line-height:1.7}
.stat-ico{background:rgba(22,133,250,.09)!important;color:#1685fa!important}
.stat-ico .svg-icon{color:#1685fa}
.tbl-wrap th,.tbl-wrap thead,.tbl-scroll th{background:#f8faff;color:#63758a;font-weight:500}
.tbl-wrap td,.tbl-scroll td{font-weight:400;color:#22364e;line-height:1.75;border-bottom-color:#edf1f5}
.tbl-filter{background:#fff;gap:9px}
.tbl-search,.minp,.ainp,.mta,.modal input:not([type=checkbox]),.modal select,.modal textarea{
 background:#fff;border-color:#e0e8f1;border-radius:12px;color:#172b45;font-weight:400;
}
.tbl-search:focus,.minp:focus,.ainp:focus,.mta:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{
 border-color:#1685fa;outline:none;box-shadow:0 0 0 3px rgba(22,133,250,.1)
}
.modal,.auth-box{background:#fff;border-radius:23px;box-shadow:0 20px 66px rgba(14,34,65,.13)}
.modal-lbl{font-weight:500;color:#354962}
.abtn,.modal-btn.dark{background:#1685fa;color:#fff;border-color:#1685fa}
.abtn:hover,.modal-btn.dark:hover{background:#0969d1;border-color:#0969d1}
.act-btn{border-radius:11px;font-weight:500}
.act-btn.dark,.act-btn.bl{background:#1685fa;border-color:#1685fa;color:#fff}
.act-btn.dark:hover,.act-btn.bl:hover{background:#076bd4;border-color:#076bd4}
.chip{border-radius:11px;font-weight:400}
.chip.on{border-color:#1685fa;color:#1685fa;background:rgba(22,133,250,.09)}
.sec-hdr .svg-icon,.topbar .svg-icon{color:#1685fa}
.ex-head h3,.ex-title{color:#1685fa}
.ex-btn:focus-visible,.act-btn:focus-visible,.modal-btn:focus-visible,.sb-item:focus-visible{
 outline:3px solid rgba(22,133,250,.4);outline-offset:2px
}
button:not(:disabled):active{transform:scale(.987)}
[hidden]{display:none!important}
/* Profit accounting */
#pgProfit .ex-sheet{background:#fff;border:1px solid #edf1f5;border-radius:29px;padding:28px;box-shadow:0 12px 42px rgba(24,42,70,.045)}
#pgProfit .profit-toolbar{padding:4px 0 7px}
.profit-date-label{display:flex;align-items:center;gap:8px;color:#77899d;font-weight:400;font-size:12px;flex-wrap:wrap}
.profit-date-label input{max-width:170px}
.proxo-profit-card .ex-label{display:flex;align-items:center;gap:7px}
.proxo-profit-card .ex-label .svg-icon,.proxo-profit-card .ex-label i{width:17px;height:17px;color:#1685fa}
.profit-help{font-size:11px;color:#91a0af;line-height:1.8;margin-top:5px;font-weight:400}
.profit-message{border:1px solid rgba(22,133,250,.25);background:#f1f7ff;color:#1559a9;padding:12px 14px;border-radius:12px;margin-top:14px;font-size:12px;line-height:1.8}
.profit-message.error{border-color:#f4c0c0;background:#fff5f5;color:#be3333}
.profit-order{border:1px solid #e7edf5;border-radius:17px;padding:17px;background:#fff}
.profit-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.profit-order-title{font-size:14px;font-weight:500;color:#1c314b}
.profit-order-id{font-size:11px;color:#8394a8;direction:ltr;text-align:right;margin-top:4px;font-family:Inter,Arial,sans-serif;overflow-wrap:anywhere}
.profit-chip{font-size:11px;border-radius:20px;padding:5px 10px;background:#ecf5ff;color:#1685fa}
.profit-chip.missing{background:#fff6e7;color:#a56c07}
.profit-order-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;padding:13px 0;border-block:1px solid #e8edf4}
.profit-order-summary b{display:block;font-family:Inter,R,Arial,sans-serif;font-size:15px;font-weight:500;color:#172b44;overflow-wrap:anywhere;direction:ltr;text-align:right;margin-top:5px}
.profit-order-summary .profit-net{color:#1685fa}
.profit-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px;align-items:end}
.profit-edit label{display:grid;gap:7px;font-size:12px;color:#63758b;line-height:1.6;min-width:0}
.profit-edit input{width:100%;min-width:0;min-height:43px;border:1px solid #dfe8f2;border-radius:11px;padding:9px 11px;background:#fff;color:#182c43;font:400 13px Inter,R,Arial,sans-serif}
.profit-edit input:focus{outline:2px solid rgba(22,133,250,.28);border-color:#1685fa}
.profit-edit button{min-height:43px}
.profit-date{font-size:11px;color:#8a98aa;margin-top:11px}
#profitOverview{grid-template-columns:repeat(4,minmax(0,1fr))}
#profitMethods{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media(max-width:1050px){#profitOverview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#pgProfit .ex-sheet{border-radius:21px;padding:16px 13px}.profit-edit{grid-template-columns:1fr}.profit-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-order{padding:14px}.profit-date-label input{max-width:100%}.topbar{height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.act-btn,.sb-item{transition:none!important}}

/* Dashboard profit overview */
#pgDashboard .profit-dash-strip{background:#fff;border:1px solid #e7edf5;border-radius:20px;padding:19px 20px;margin-bottom:17px;box-shadow:0 7px 27px rgba(22,39,69,.035)}
#pgDashboard .profit-dash-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
#pgDashboard .profit-dash-head h3{color:#1685fa;font-size:15px;font-weight:600}
#pgDashboard .profit-dash-head p{color:#8090a4;font-size:12px;line-height:1.8;margin-top:5px}
#pgDashboard .profit-dash-strip .ex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:990px){#pgDashboard .profit-dash-strip .ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){#pgDashboard .profit-dash-strip{padding:15px 13px;border-radius:17px}}


/* ═══════════════════════════════════════════════════════════════════
   Receipt-matched visual system: one WHITE navigation and WHITE content
   surface, BLACK copy and values, BLUE accents only. Shared by every pg.
   Appended last intentionally to override earlier legacy dark theme.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --bg:#f8fafc;--w:#ffffff;--b1:#e9edf3;--b2:#dce4ed;
  --dark:#151b26;--dark2:#263346;--tx:#171d28;--pri:#1685fa;
  --bl:#1685fa;--cy:#1685fa;--mt:#8994a5;--mt2:#64748b;
  --ex-blue:#1685fa;--ex-text:#171d28;--ex-line:#e9edf2;
  --sidebar-w:274px;
}
body,#main{background:#f8fafc;color:#171d28}
#sidebar{
  background:#ffffff!important;
  color:#171d28;
  border-left:1px solid #edf0f4;
  box-shadow:-12px 0 44px rgba(17,31,53,.065);
}
.sb-logo{
  padding:25px 21px 22px;
  border-bottom:1px solid #edf0f4!important;
  background:#fff;
}
.sb-logo-text h1{
  color:#1685fa!important;
  font-size:22px;
  font-weight:750;
  letter-spacing:-.85px;
}
.sb-logo-text h1 span{color:#171d28!important}
.sb-logo-text p{color:#8691a2!important;font-weight:400;font-size:11px}
.sb-close-btn{
  color:#566579;
  background:#f6f8fb;
  border:1px solid #e9edf3;
  border-radius:11px;
  width:42px;height:42px;
}
.sb-close-btn:hover{color:#1685fa;background:#eef6ff;border-color:#d5eaff}
.sb-nav{padding:21px 14px 13px;scrollbar-color:#e6ecf4 transparent;scrollbar-width:thin}
.sb-nav::-webkit-scrollbar{width:5px}
.sb-nav::-webkit-scrollbar-thumb{background:#e4eaf3;border-radius:8px}
.sb-section{
  color:#98a2b1!important;
  letter-spacing:0;
  font-weight:500;
  font-size:11px;
  padding:15px 12px 9px;
}
.sb-item{
  color:#222c3c!important;
  font-weight:400;
  border-radius:13px;
  min-height:51px;
  margin-bottom:5px;
  padding:12px 14px;
  background:transparent;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.sb-item .svg-icon,
.sb-item i,.sb-item i[style]{
  color:#66788f!important;
  width:19px;height:19px;
  flex:0 0 19px;
}
.sb-item:hover{
  color:#121b2c!important;
  background:#f4f8fe!important;
}
.sb-item:hover .svg-icon,.sb-item:hover i{color:#1685fa!important}
.sb-item.active{
  color:#126ad1!important;
  font-weight:550;
  background:#edf5ff!important;
  box-shadow:inset -3px 0 0 #1685fa;
}
.sb-item.active .svg-icon,.sb-item.active i,.sb-item.active i[style]{color:#1685fa!important}
.sb-footer{
  background:#fff;
  border-top:1px solid #edf0f4!important;
  padding:16px 14px max(17px,env(safe-area-inset-bottom,0px));
}
.sb-av{
  background:#edf5ff;
  color:#1685fa;
  border:1px solid #dceafe;
  font-weight:600;
}
.sb-admin-name{color:#1b2636!important;font-weight:550;font-size:12.5px}
.sb-admin-role{color:#8795a7!important;font-size:10.5px}
.sb-footer button[onclick="doLogout()"]{
  background:#fff5f5!important;
  border:1px solid #f2d3d3!important;
  color:#c84343!important;
  border-radius:11px!important;
  font-weight:500!important;
}
.sb-footer button[onclick="doLogout()"]:hover{background:#ffecec!important}
#sidebarOverlay{background:rgba(13,25,43,.32)!important}
.topbar{
  background:#fff;
  border-bottom:1px solid #e9edf3;
  box-shadow:0 2px 12px rgba(20,34,52,.02);
}
.topbar-titles h2{font-size:17px;font-weight:600;color:#171d28}
.topbar-titles p{color:#8994a5;font-weight:400}
.topbar .svg-icon{color:#52667e}
.content{padding-top:23px}
.pg>.sec-hdr h3,.sec-hdr h3{
  color:#1685fa;
  font-weight:600;
}
.stat-card,.tbl-wrap,.alert-card,.acc-card,.rec-card,
.wallet-card,.wallet-item,.support-admin-card,.error-log-card,
#pgDashboard .profit-dash-strip,#pgDashboard .ex-dash-shortcut,
#pgStatistics .ex-sheet,#pgProfit .ex-sheet,#pgRates .ex-sheet,
.ex-card,.ex-order,.ex-rate,.profit-order{
  background:#fff;
  border:1px solid #edf0f4;
  border-radius:20px;
  box-shadow:0 7px 30px rgba(17,35,62,.032);
}
.ex-card,.ex-rate{border-radius:16px}
.stat-card{gap:13px;padding:18px}
.stat-ico,.stat-ico.dark,.stat-ico.gr,.stat-ico.rd,.stat-ico.yw,
.stat-ico.bl,.stat-ico.pu,.stat-ico.cy{
  color:#1685fa!important;
  background:#f0f7ff!important;
  border-radius:13px;
}
.stat-ico .svg-icon,.stat-ico .svg-icon[style]{color:#1685fa!important}
.stat-val,.ex-value,.profit-order-summary b{
  color:#171d28!important;
  font-weight:550;
}
.stat-lbl,.ex-label{color:#8290a2;font-weight:400}
.ex-head{border-bottom:1px solid #e9edf3}
.ex-head h3,.ex-title{color:#1685fa;font-weight:600}
.ex-logo{color:#1685fa;font-weight:750}
.profit-order-summary .profit-net{color:#1685fa!important}
.tbl-wrap th,.tbl-scroll th{background:#fbfcfe;color:#617287;font-weight:500}
.tbl-wrap td,.tbl-scroll td{color:#202c3b;font-weight:400}
.tbl-filter{background:#fff;border-color:#edf0f4}
.modal,.auth-box,.tbl-wrap{border:1px solid #e9edf3}
.modal-hdr h3,.modal-head h3{font-weight:600;color:#1685fa}
.act-btn.dark,.act-btn.bl,.abtn,.modal-btn.dark,
.ex-btn.primary,.profit-edit .ex-btn.primary{
  background:#1685fa!important;color:#fff!important;border-color:#1685fa!important;
  box-shadow:none;
}
.act-btn.dark:hover,.act-btn.bl:hover,.abtn:hover,
.modal-btn.dark:hover,.ex-btn.primary:hover{
  background:#0f73de!important;border-color:#0f73de!important;
}
.act-btn:not(.dark):not(.bl):not(.rd):not(.gr):not(.yw),
.ex-btn:not(.primary){
  background:#fff;color:#1d334a;border-color:#e1e8f1;
}
.ex-btn:not(.primary):hover{background:#f6faff}
.chip.on{color:#1685fa;background:#eff6ff;border-color:#a9d1fe}
.tbl-search,.minp,.ainp,.mta,.ex-input,.profit-edit input{
  background:#fff;color:#171d28;border-color:#e0e7f0;
}
.tbl-search:focus,.minp:focus,.ainp:focus,.mta:focus,
.ex-input:focus,.profit-edit input:focus{
  border-color:#1685fa;
  box-shadow:0 0 0 3px rgba(22,133,250,.09);
}
@media(max-width:900px){
  #sidebar{width:min(82vw,310px)}
  .sb-nav{padding:16px 12px 12px}
  .sb-item{min-height:51px}
  .content{padding:17px 12px 30px}
}
@media(max-width:560px){
  #pgStatistics .ex-sheet,#pgProfit .ex-sheet,#pgRates .ex-sheet{padding:18px 14px;border-radius:22px}
  .stat-card{padding:14px}
  #pgDashboard .profit-dash-strip,#pgDashboard .ex-dash-shortcut{border-radius:20px}
}

/* Login uses the same light surface rather than the old full-screen navy. */
#authWrap{background:#f8fafc}
.auth-box{border:1px solid #e9edf3;box-shadow:0 20px 65px rgba(17,35,62,.07)}
.auth-logo h1{color:#1685fa!important}
.auth-logo h1 span{color:#171d28!important}
.auth-logo p{color:#8492a4;font-weight:400}
.auth-badge{background:#eff6ff;border-color:#dceaff;color:#1685fa;font-weight:500}


/* 2026 calm-control correction: the receipt is the visual reference.
   Navigation, information and secondary actions stay neutral; emphasis is rare.
   Semantic red/amber/green statuses and destructive actions are left intact. */
:root{
  --calm-ink:#242c39;
  --calm-quiet:#526072;
  --calm-line:#e5e9ef;
  --calm-hover:#f2f4f7;
  --calm-muted:#f6f7f9;
  --calm-strong:#303946;
}
#sidebar .sb-item,
#sidebar .sb-item:hover{
  background:transparent!important;
  color:#394352!important;
  box-shadow:none;
}
#sidebar .sb-item:hover{
  background:#f4f5f7!important;
  color:#222b38!important;
}
#sidebar .sb-item.active{
  background:#eef0f3!important;
  color:#212c3b!important;
  box-shadow:inset -2px 0 0 #879aae;
  font-weight:550;
}
#sidebar .sb-item .svg-icon,
#sidebar .sb-item i,
#sidebar .sb-item i[style]{
  color:#7b8797!important;
}
#sidebar .sb-item.active .svg-icon,
#sidebar .sb-item.active i,
#sidebar .sb-item.active i[style]{
  color:#34455a!important;
}
#sidebar .sb-section{color:#919aa8!important}
.topbar .svg-icon,.topbar-titles h2{color:#283343}
.pg>.sec-hdr h3,.sec-hdr h3,
.modal-hdr h3,.modal-head h3,
.ex-head h3,.ex-title,
#pgDashboard .profit-dash-head h3,
#pgDashboard .ex-dash-shortcut h3{
  color:#263241!important;
  font-weight:550;
}
.ex-title{border-inline-start:2px solid #a6b6c8;padding-inline-start:10px}
.ex-logo,.sb-logo-text h1,.auth-logo h1{color:#1685fa!important}
.stat-ico,.stat-ico.dark,.stat-ico.gr,.stat-ico.rd,.stat-ico.yw,
.stat-ico.bl,.stat-ico.pu,.stat-ico.cy{
  background:#f0f2f5!important;
  color:#667386!important;
}
.stat-ico .svg-icon,.stat-ico .svg-icon[style],
.proxo-profit-card .ex-label .svg-icon,
.proxo-profit-card .ex-label i{
  color:#667386!important;
}
#pgDashboard .profit-dash-strip .ex-card,
#pgStatistics .ex-card,#pgProfit .ex-card{box-shadow:none}
.profit-order-summary .profit-net,
#pgProfit .profit-order-summary .profit-net{
  color:#273449!important;
}
.profit-chip.recorded{background:#eef2f6;color:#45596e}
/* Normal controls: white/light gray, never blue-filled. */
.ex-btn,.ex-btn:not(.primary),
.act-btn.dark,.act-btn.bl,.act-btn.cy,.act-btn.pu,
.act-btn:not(.rd):not(.gr):not(.yw):not(.dark):not(.bl),
.modal-btn:not(.rd):not(.gr):not(.yw):not(.dark):not(.cy){
  background:#fff!important;
  color:#334155!important;
  border:1px solid #dce3eb!important;
  box-shadow:none!important;
  border-radius:11px;
  font-weight:500;
}
.ex-btn:hover,.ex-btn:not(.primary):hover,
.act-btn.dark:hover,.act-btn.bl:hover,.act-btn.cy:hover,.act-btn.pu:hover,
.act-btn:not(.rd):not(.gr):not(.yw):hover{
  background:#f2f4f7!important;
  color:#243143!important;
  border-color:#cbd5e1!important;
  box-shadow:none!important;
}
.ex-btn.primary,.modal-btn.dark,.modal-btn.cy,.abtn{
  background:#303946!important;
  color:#fff!important;
  border:1px solid #303946!important;
  border-radius:12px;
  box-shadow:none!important;
  font-weight:550;
}
.ex-btn.primary:hover,.modal-btn.dark:hover,.modal-btn.cy:hover,.abtn:hover{
  background:#242c38!important;
  color:#fff!important;
  border-color:#242c38!important;
  box-shadow:none!important;
}
/* Reading/downloading/reloading is secondary; keep one clear primary save. */
.ex-btn.primary[onclick^="load"],
.ex-btn.primary[onclick^="exExport"],
.ex-btn.primary[onclick^="goPage"]{
  background:#fff!important;
  color:#334155!important;
  border-color:#dce3eb!important;
}
.ex-btn.primary[onclick^="load"]:hover,
.ex-btn.primary[onclick^="exExport"]:hover,
.ex-btn.primary[onclick^="goPage"]:hover{background:#f2f4f7!important}
.chip.on,.chip.gr.on,.chip.rd.on,.chip.yw.on{
  background:#e9edf2!important;
  border-color:#cbd5df!important;
  color:#334155!important;
}
.chip:hover{background:#f2f4f7;border-color:#cbd5df}
.ex-btn:focus-visible,.act-btn:focus-visible,.modal-btn:focus-visible,
.abtn:focus-visible,.chip:focus-visible,.sb-item:focus-visible{
  outline:2px solid #526985!important;
  outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
 .ex-btn,.act-btn,.modal-btn,.sb-item{transition:none!important;transform:none!important}
}

/* Readable metadata at normal text sizes (not washed-out blue/gray). */
.ex-label,.stat-lbl,.profit-help,.profit-date,.ex-order-footer,.ex-head p,
#pgDashboard .profit-dash-head p,#pgDashboard .ex-dash-shortcut p,
.sb-section{color:#566578!important}

/* Headings only: restore Proxo blue without recoloring buttons, values or body text. */
:root{--proxo-heading-blue:#1685fa}
.pg>.sec-hdr h3,.sec-hdr h3,.modal-hdr h3,.modal-head h3,
.ex-head h3,.ex-title,#pgDashboard .profit-dash-head h3,
#pgDashboard .ex-dash-shortcut h3,#pgProfit .ex-title,
#pgStatistics .ex-title,#pgRates .ex-title,
#pgAccounts .sec-hdr h3,#pgOrders .sec-hdr h3,
.topbar-titles h2,#pgProfit .ex-head h3,
#pgDashboard .profit-dash-head h3{color:var(--proxo-heading-blue)!important}