body{margin:0;background:#f5f7fb;font-family:Arial;color:#172033}nav{display:flex;gap:14px;align-items:center;background:#111827;color:#fff;padding:12px 18px}nav a{color:#fff;text-decoration:none;font-weight:700}nav span{flex:1}main{max-width:1500px;margin:auto;padding:22px}.login{max-width:420px;margin:80px auto;background:#fff;padding:28px;border-radius:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#fff;padding:18px;border-radius:12px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;font-weight:700;gap:6px}input,select,textarea{padding:10px;border:1px solid #cfd6e4;border-radius:8px}button,.btn{background:#0f172a;color:white;border:0;padding:10px 14px;border-radius:8px;font-weight:800;text-decoration:none}.grey{background:#64748b}.link{background:none;color:#111827;padding:0}.head{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards>div{background:white;padding:18px;border-radius:12px}.cards p{font-size:24px;font-weight:900}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;font-size:14px}th{background:#e8eef7}.buy-row td{background:#b6d7a8}.sell-row td{background:#ea9999}.transaction-frame{border:3px solid transparent;border-radius:14px;padding:8px;background:white}.buy-frame{border-color:#b6d7a8;box-shadow:0 0 0 3px rgba(182,215,168,.22)}.sell-frame{border-color:#ea9999;box-shadow:0 0 0 3px rgba(234,153,153,.22)}.alert{padding:12px;border-radius:8px;margin-bottom:12px;font-weight:700}.success{background:#dcfce7;color:#166534}.danger{background:#fee2e2;color:#991b1b}.filters{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.quick a{margin-right:10px}.hash{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.good{color:#166534}.bad{color:#991b1b}@media(max-width:900px){.grid,.cards{grid-template-columns:1fr}nav{flex-wrap:wrap}}

.row-actions{display:flex;align-items:center;gap:10px;margin-top:6px}.row-actions button{width:max-content}

/* V3.6 design updates */
.transaction-frame{
  border-width:5px !important;
  padding:18px !important;
  border-radius:18px !important;
}
.buy-frame{
  background:#f1f8ee !important;
  border-color:#6aa84f !important;
  box-shadow:0 0 0 5px rgba(182,215,168,.35) !important;
}
.sell-frame{
  background:#fff0f0 !important;
  border-color:#cc0000 !important;
  box-shadow:0 0 0 5px rgba(234,153,153,.35) !important;
}
.currency-usd{border-color:#228b22 !important;background:#eaf7ea !important;color:#0b6623 !important;font-weight:900;}
.currency-gbp{border-color:#800080 !important;background:#f3e8ff !important;color:#6a0dad !important;font-weight:900;}
.currency-eur{border-color:#f28c28 !important;background:#fff1df !important;color:#cc6b00 !important;font-weight:900;}
.currency-try{border-color:#1e88e5 !important;background:#e8f3ff !important;color:#0d47a1 !important;font-weight:900;}
.currency-input{display:flex;align-items:center;border:1px solid #cfd6e4;border-radius:8px;background:#fff;overflow:hidden}
.currency-input span{min-width:44px;text-align:center;font-weight:900;background:#eef2f7;padding:10px}
.currency-input input{border:0;flex:1;border-radius:0}
.total-row td{background:#e8eef7 !important;}

.payout-box{border:2px dashed #94a3b8;padding:14px;border-radius:12px;background:#f8fafc}
.payout-row{display:grid;grid-template-columns:80px 140px 1fr auto;gap:10px;align-items:center;margin:8px 0}
.payout-row input,.payout-row select{width:100%}

/* V4 buy/sell split */
.crypto-field{order:20}
.fiat-field{order:21}
.sell-frame .fiat-field{order:19}
.sell-frame .crypto-field{order:22}
.good{color:#166534 !important;font-weight:800}
.bad{color:#991b1b !important;font-weight:800}

/* V4.1 fixed UI */
.transaction-frame{
  border-width:6px !important;
  border-style:solid !important;
  border-radius:20px !important;
  padding:20px !important;
}
.buy-frame{
  background:#eef8e9 !important;
  border-color:#6aa84f !important;
  box-shadow:0 0 0 5px rgba(182,215,168,.40) !important;
}
.sell-frame{
  background:#fff0f0 !important;
  border-color:#cc0000 !important;
  box-shadow:0 0 0 5px rgba(234,153,153,.40) !important;
}
.currency-usd{border-color:#228b22 !important;background:#eaf7ea !important;color:#0b6623 !important;font-weight:900 !important;}
.currency-gbp{border-color:#800080 !important;background:#f3e8ff !important;color:#6a0dad !important;font-weight:900 !important;}
.currency-eur{border-color:#f28c28 !important;background:#fff1df !important;color:#cc6b00 !important;font-weight:900 !important;}
.currency-try{border-color:#1e88e5 !important;background:#e8f3ff !important;color:#0d47a1 !important;font-weight:900 !important;}
.currency-input{display:flex;align-items:center;border:1px solid #cfd6e4;border-radius:8px;background:#fff;overflow:hidden}
.currency-input span{min-width:44px;text-align:center;font-weight:900;background:#eef2f7;padding:10px}
.currency-input input{border:0;flex:1;border-radius:0}
.crypto-field{order:20}
.fiat-field{order:21}
.sell-frame .fiat-field{order:12}
.sell-frame .crypto-field{order:22}
.payout-box{border:2px dashed #94a3b8;padding:14px;border-radius:12px;background:#f8fafc}
.payout-row{display:grid;grid-template-columns:80px 140px 1fr auto;gap:10px;align-items:center;margin:8px 0}
.payout-row input,.payout-row select{width:100%}
.row-actions{display:flex;align-items:center;gap:10px;margin-top:6px}
.row-actions button{width:max-content}
.good{color:#166534 !important;font-weight:800}
.bad{color:#991b1b !important;font-weight:800}

/* V4.2 Sell-only workflow fix */
.sell-frame .sell-money-received{order:6;}
.sell-frame .fiat-field{order:30;}
.sell-frame .crypto-field{order:31;}

/* V4.3 clean layout */
.sell-frame .sell-money-received{order:5;}
.buy-frame .payout-box{order:50;}
.sell-frame .crypto-field{order:40;}

/* V4.4: physical layout order fix */
.sell-frame .sell-money-received{order:unset !important;}

/* V4.5 USDT emphasis and numeric formatting */
.usdt-important{
  font-size:18px !important;
  font-weight:900 !important;
}
.usdt-important span{
  font-size:20px !important;
  font-weight:900 !important;
}
.usdt-important input{
  font-size:22px !important;
  font-weight:900 !important;
  border:2px solid #111827 !important;
  background:#fffef2 !important;
}
.numeric-input, #crypto_amount, #percentage, #fixed_fee{
  font-variant-numeric: tabular-nums;
}

/* V4.6 requested edits */
.important-amount{
  font-size:24px;
  font-weight:900;
  padding:14px;
  border-radius:12px;
  background:#fffbe6;
  border:2px solid #111827;
}
.payout-row{grid-template-columns:80px 140px 140px 1fr auto !important;}
.payout-rate{font-variant-numeric:tabular-nums;}

/* V4.7 payout row rate column */
.payout-row{
  grid-template-columns:80px 140px 140px 1fr auto !important;
}
.payout-rate{
  font-variant-numeric: tabular-nums;
}

/* V4.8 Rates currency colors */
.rate-usd td{background:#eaf7ea !important;color:#0b6623 !important;font-weight:800}
.rate-eur td{background:#fff1df !important;color:#cc6b00 !important;font-weight:800}
.rate-gbp td{background:#f3e8ff !important;color:#6a0dad !important;font-weight:800}
.rate-try td{background:#e8f3ff !important;color:#0d47a1 !important;font-weight:800}

/* V4.9 receipt / customer fee / action layout */
.usd-payable-field{order:18;}
.crypto-small{order:19;font-size:13px !important;font-weight:700 !important;}
.crypto-small input{font-size:14px !important;font-weight:700 !important;}
.tx-action-row{order:99;display:flex;gap:12px;justify-content:flex-end;margin-top:12px;}
.tx-action-row button{min-width:180px;}
@media print{@page{size:72.1mm 210mm;margin:4mm}}

/* v4.10 buy layout cleanup */
.buy-frame .crypto-field{order:18;}
.buy-frame .usd-payable-field{order:19;}
.buy-frame #buy_payable_big{display:none!important;}

/* V4.12 premium sidebar icons */
nav a{display:flex;align-items:center;gap:7px;border-radius:9px;padding:7px 9px;transition:.15s ease;}
nav a:hover{background:rgba(255,255,255,.10);transform:translateY(-1px)}
.brand-icon{font-weight:900;color:#d4af37;font-size:20px;letter-spacing:.2px;}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.10);font-weight:900;line-height:1;}
.nav-buy .nav-icon{background:#dcfce7;color:#15803d;font-size:18px;}
.nav-sell .nav-icon{background:#fee2e2;color:#dc2626;font-size:18px;}
.priority-badge{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:700;white-space:nowrap;border:1px solid rgba(0,0,0,.08)}
.priority-badge.standard{background:#f8fafc;color:#334155}
.priority-badge.silver{background:#f1f5f9;color:#475569}
.priority-badge.bronze{background:#fff7ed;color:#9a3412}
.priority-badge.vip{background:#eef2ff;color:#3730a3}

/* V4.17 settings/sidebar redesign */
body{background:#f7f9fd!important;}
.app-shell{display:flex;min-height:100vh;}
.sidebar{width:260px;background:linear-gradient(180deg,#071326,#0d1b32);color:#fff;display:flex;flex-direction:column;padding:18px 14px;gap:6px;position:sticky;top:0;height:100vh;box-sizing:border-box;box-shadow:8px 0 24px rgba(15,23,42,.18)}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 6px 24px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand b{font-size:21px;display:block}.sidebar-brand small,.sidebar-user small{display:block;color:#a8b4c7;margin-top:4px}.brand-logo{background:#315ce7;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 20px rgba(49,92,231,.35)}
.sidebar a{color:#edf4ff;text-decoration:none;display:flex;align-items:center;gap:8px;padding:2px 3px;border-radius:12px;font-weight:700;transition:.15s ease}.sidebar a:hover{background:rgba(255,255,255,.1);transform:translateX(2px)}
.sidebar .nav-icon{background:transparent;color:#dbe7ff;width:22px;height:22px;font-size:18px}.sidebar .nav-buy .nav-icon{color:#22c55e}.sidebar .nav-sell .nav-icon{color:#ef4444}.settings-group{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-top:8px;padding:7px}.settings-parent{background:rgba(99,102,241,.18)!important;color:#c7d2fe!important}.new-pill{margin-left:auto;background:#6d5dfc;color:#fff;border-radius:999px;padding:3px 8px;font-size:11px}.sub-link{padding:9px 12px 9px 40px!important;color:#cbd5e1!important;font-weight:600!important}.sidebar-spacer{flex:1}.sidebar-user{border-top:1px solid rgba(255,255,255,.08);padding:14px 12px;margin-top:14px}main{flex:1;max-width:none!important;margin:0!important;padding:28px!important;box-sizing:border-box}.settings-hero{display:flex;align-items:center;gap:18px;margin-bottom:24px}.settings-icon{width:72px;height:72px;border-radius:18px;background:#e8efff;color:#2954ce;display:flex;align-items:center;justify-content:center;font-size:34px}.settings-hero h1{margin:0;font-size:32px}.settings-hero p{margin:8px 0 0;color:#334155}.settings-cards{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:24px}.settings-card{background:#fff;border:1px solid #e3e8f2;border-radius:16px;padding:28px;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.06)}.settings-card .card-icon{margin:auto;width:86px;height:86px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:38px;background:#eef4ff}.settings-card h2{margin:24px 0 12px}.settings-card p{color:#334155;line-height:1.45}.settings-card ul{text-align:left;display:inline-block;line-height:2;margin:12px auto 20px}.soft-blue{background:#eaf1ff!important;color:#1749c6!important}.soft-purple{background:#f1eaff!important;color:#5b35d5!important}.soft-green{background:#e8f8ee!important;color:#0f8a43!important}.admin-note,.note-box{margin-top:24px;border:1px solid #bcd2ff;background:#eef5ff;color:#123c8c;border-radius:12px;padding:16px;font-weight:700}.card-form{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
@media(max-width:1000px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto}.settings-cards{grid-template-columns:1fr}}

/* V4.17.2 collapsible sidebar */
.sidebar-toggle{margin-left:auto;background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:10px;width:36px;height:34px;padding:0;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sidebar-toggle:hover{background:rgba(255,255,255,.18)}
.sidebar,.sidebar a,.sidebar-brand,.nav-label,.brand-text,.new-pill,.sub-link{transition:all .18s ease}
body.sidebar-collapsed .sidebar{width:86px;padding-left:12px;padding-right:12px;align-items:center}
body.sidebar-collapsed .sidebar-brand{justify-content:center;padding-bottom:18px;gap:0;width:100%}
body.sidebar-collapsed .brand-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .new-pill{display:none!important}
body.sidebar-collapsed .sidebar-toggle{position:absolute;top:16px;right:-16px;background:#0f1d34;box-shadow:0 6px 16px rgba(15,23,42,.25)}
body.sidebar-collapsed .sidebar a{justify-content:center;width:46px;height:46px;padding:0;gap:0}
body.sidebar-collapsed .sidebar .nav-icon{font-size:20px;width:24px;height:24px}
body.sidebar-collapsed .settings-group{padding:6px;margin-top:8px;width:56px;display:flex;flex-direction:column;align-items:center}
body.sidebar-collapsed .settings-parent{width:46px;height:46px;padding:0!important;justify-content:center}
body.sidebar-collapsed .sub-link{padding:0!important;width:42px;height:34px;justify-content:center;color:#cbd5e1!important}
body.sidebar-collapsed .sub-dot{font-size:22px;line-height:1}
body.sidebar-collapsed .sidebar-user{width:100%;height:1px;padding:0;margin:10px 0;border-top:1px solid rgba(255,255,255,.10)}
@media(max-width:1000px){body.sidebar-collapsed .sidebar{width:auto;align-items:stretch}body.sidebar-collapsed .brand-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .new-pill{display:inline!important}body.sidebar-collapsed .sidebar a{width:auto;height:auto;justify-content:flex-start;padding:11px 12px}body.sidebar-collapsed .settings-group{width:auto;align-items:stretch}.sidebar-toggle{display:none}}

/* V4.18 admin settings dropdown and user identity */
.settings-toggle-row{width:100%;border:0;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-weight:800;cursor:pointer;background:rgba(99,102,241,.18)!important;color:#c7d2fe!important}
.settings-toggle-row:hover{background:rgba(99,102,241,.28)!important}
.settings-submenu{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.settings-closed .settings-submenu{display:none}
body.sidebar-collapsed .settings-toggle-row{width:46px;height:46px;padding:0!important;justify-content:center}
body.sidebar-collapsed .settings-submenu{display:none!important}
.status-active{color:#166534;font-weight:900}.status-inactive{color:#991b1b;font-weight:900}


/* Crypto Office branding */
.brand-logo{overflow:hidden;background:#061326!important;border:1px solid rgba(255,255,255,.14)!important;}
.brand-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;}
.login-branded{text-align:center;max-width:460px;box-shadow:0 18px 45px rgba(15,23,42,.12);}
.login-logo{width:160px;height:160px;object-fit:cover;border-radius:26px;margin:0 auto 12px;display:block;box-shadow:0 14px 35px rgba(15,23,42,.22);}
.login-branded h1{margin:4px 0 4px;font-size:34px;color:#071326;}
.login-subtitle{margin:0 0 22px;color:#64748b;font-weight:700;letter-spacing:.3px;}
.login-branded form{text-align:left;display:flex;flex-direction:column;gap:14px;}
.login-branded button{margin-top:6px;width:100%;font-size:16px;padding:12px 14px;}
body.sidebar-collapsed .brand-logo img{border-radius:12px;}

/* V4.26.1 WhatsApp receipt button and pending badge visibility */
.whatsapp-action{display:inline-flex!important;align-items:center;justify-content:center;width:52px;height:35px;padding:0!important;background:#25D366!important;border-radius:7px!important}
.whatsapp-action svg{width:24px;height:24px;fill:#fff;display:block}
.pending-nav{position:relative}
.pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:#ef4444;color:#fff;border-radius:999px;font-size:11px;font-weight:800;line-height:1;box-sizing:border-box}
body.sidebar-collapsed .pending-nav .pending-badge{position:absolute;top:7px;right:3px;min-width:16px;height:16px;padding:0 4px;font-size:10px;margin-left:0;z-index:3}


/* V4.27 Audit Log and Employee Performance */
.page-head{margin-bottom:18px}.page-head h1{margin:0 0 6px;color:#0f172a}.page-head p{margin:0;color:#64748b;font-weight:700}
.filter-card{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin-bottom:16px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.filter-card input,.filter-card select{border:1px solid #dbe3ef;border-radius:12px;padding:10px 12px;background:#f8fafc;font-weight:700;color:#0f172a;min-height:42px}
.filter-card input[name="search"]{min-width:260px;flex:1}.btn.muted{background:#e2e8f0!important;color:#0f172a!important;text-decoration:none}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:auto;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;text-align:left;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:12px;border-bottom:1px solid #e5e7eb}.data-table td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:top}.data-table tr:hover{background:#fbfdff}.data-table small{color:#64748b;font-weight:700}.badge{display:inline-flex;border-radius:999px;background:#eef2ff;color:#3730a3;padding:4px 9px;font-size:12px;font-weight:900}.empty{text-align:center;color:#64748b;font-weight:800;padding:30px!important}.log-detail pre{white-space:pre-wrap;max-width:560px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px;font-size:12px;max-height:180px;overflow:auto}.log-detail b{display:block;margin-top:8px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 16px}.kpi{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.kpi span{display:block;color:#64748b;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.kpi b{display:block;margin-top:8px;font-size:22px;color:#0f172a}
.audit-table td{vertical-align:top}.changes-list{min-width:360px}.change-row{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #eef1f6}.change-row:last-child{border-bottom:0}.change-field{font-weight:800;color:#0b1b3d}.change-values{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.old-val{background:#fff1f1;color:#991b1b;border:1px solid #ffd0d0;border-radius:8px;padding:4px 8px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.new-val{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:4px 8px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.arrow{color:#64748b;font-weight:900}.change-row.extra{font-size:13px}
.audit-table .delete-detail .old-val.deleted-old{background:#fff7ed;border-color:#fed7aa;color:#9a3412;max-width:520px;white-space:normal;word-break:break-word}
.audit-table .delete-detail .change-field{color:#7c2d12}

.audit-collapsed-details summary{cursor:pointer;font-weight:800;color:#0b1860;padding:6px 0;list-style:none}
.audit-collapsed-details summary::-webkit-details-marker{display:none}
.audit-collapsed-details summary:before{content:"▸ ";font-weight:900}
.audit-collapsed-details[open] summary:before{content:"▾ "}
.collapsed-body{margin-top:8px;border-top:1px solid #e7ebf4;padding-top:8px}
.eye-btn{font-size:15px;line-height:1}
.tx-view-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tx-view-actions{display:flex;gap:8px;flex-wrap:wrap}
.tx-view-card{background:#fff;border-radius:16px;padding:16px;margin-bottom:14px;border:1px solid #e5eaf3;box-shadow:0 8px 24px rgba(18,38,63,.06)}
.tx-view-card.buy-card{border-left:6px solid #22c55e}.tx-view-card.sell-card{border-left:6px solid #ef4444}
.tx-view-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.tx-view-summary div{background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;padding:10px}
.tx-view-summary span{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.tx-view-summary b{color:#07133d}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:14px}
.detail-card{background:#fff;border:1px solid #e5eaf3;border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 8px 24px rgba(18,38,63,.05)}
.detail-card h3{margin:0 0 12px;color:#06164a}.detail-table{width:100%;border-collapse:collapse}.detail-table th{width:38%;text-align:left;color:#06164a;padding:9px;border-bottom:1px solid #edf1f7}.detail-table td{padding:9px;border-bottom:1px solid #edf1f7}.hash-view{word-break:break-all;font-family:monospace;font-size:12px}

.customer-total-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:16px 0 18px}
.customer-total-card{background:#fff;border:1px solid #e5eaf3;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(18,38,63,.06)}
.customer-total-card span{display:block;font-size:13px;color:#52627a;font-weight:700;margin-bottom:8px}
.customer-total-card b{display:block;font-size:24px;color:#07133d;margin-bottom:6px}
.customer-total-card small{display:block;color:#64748b;font-size:12px;line-height:1.35}
.customer-total-card.buy-total{border-left:6px solid #22c55e}
.customer-total-card.sell-total{border-left:6px solid #ef4444}
.customer-total-card.tx-total{border-left:6px solid #6366f1}

/* V4.33 clean view icon buttons: icon only, no dark blue background */
.eye-btn,
a.btn.small.eye-btn{
  background:transparent!important;
  color:inherit!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  font-size:18px!important;
  line-height:1!important;
  text-decoration:none!important;
}
.eye-btn:hover,
a.btn.small.eye-btn:hover{
  background:transparent!important;
  transform:scale(1.08);
}

/* Pending transaction USDT highlight */
.pending-usdt-highlight{
  margin: 4px 0 2px;
}
.pending-usdt-label{
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .5px;
  color: #06152f;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.pending-usdt-value{
  font-size: 35px;
  line-height: 1.05;
  font-weight: 900;
  color: #e00000;
  letter-spacing: .3px;
}
@media (max-width: 700px){
  .pending-usdt-value{font-size: 34px;}
  .pending-usdt-label{font-size: 16px;}
}

/* v4.35 audit log risk grouping and transaction USDT filters */
.audit-filter-card label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:#475569}
.audit-filter-card label input,.audit-filter-card label select{min-width:150px}
.audit-risk-groups{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.risk-group{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}
.risk-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-weight:900}
.risk-group>summary::-webkit-details-marker{display:none}
.risk-group.high{border-left:7px solid #dc2626}
.risk-group.medium{border-left:7px solid #f59e0b}
.risk-group.low{border-left:7px solid #16a34a}
.risk-title{font-size:18px}
.risk-count{font-size:13px;background:#f1f5f9;padding:6px 10px;border-radius:999px;color:#475569}
.risk-badge.high{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.risk-badge.medium{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.risk-badge.low{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.risk-empty{padding:18px 20px;color:#64748b}
.filters input[name="crypto_min"],.filters input[name="crypto_max"]{max-width:130px}

.txids-section{border:1px solid #334155;border-radius:12px;padding:14px}.txid-row{display:grid;grid-template-columns:minmax(250px,2fr) 140px 110px auto auto;gap:8px;align-items:center;margin:8px 0}.txid-status{grid-column:1/-1}.txid-total{margin-top:10px;font-size:16px}.calendar-toolbar{display:flex;gap:8px;margin-bottom:12px}.calendar-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1.3fr);gap:16px}.calendar-event{border-left:5px solid #64748b;padding:12px;margin:10px 0;background:rgba(255,255,255,.04);border-radius:8px}.calendar-event.shared{border-left-color:#e2b627}.calendar-event.personal{border-left-color:#3b82f6}.calendar-event.priority-urgent{border-left-color:#ef4444}@media(max-width:900px){.txid-row{grid-template-columns:1fr 1fr}.calendar-layout{grid-template-columns:1fr}}
.txids-section{overflow-x:auto}.txid-table-head,.txid-row{min-width:1180px;display:grid!important;grid-template-columns:minmax(260px,2fr) 110px 90px 80px minmax(180px,1.4fr) minmax(180px,1.4fr) 150px;gap:8px;align-items:center}.txid-table-head{padding:0 0 6px;font-size:12px;font-weight:800;color:#475569}.txid-row{padding:10px 0;border-top:1px solid rgba(148,163,184,.3);margin:0!important}.txid-row input[readonly]{background:#f8fafc;color:#334155}.txid-actions{display:flex;gap:6px}.txid-status{grid-column:1/-1}.calendar-nav{position:relative}body.sidebar-collapsed .calendar-nav .pending-badge{position:absolute;top:7px;right:3px;min-width:16px;height:16px;padding:0 4px;font-size:10px;margin-left:0;z-index:3}
.calendar-nav .pending-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;margin-left:auto;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;line-height:1;z-index:4}
.rate-view-head,.rate-mode-line{display:flex;justify-content:space-between;align-items:center;gap:20px}.rate-view-head p,.rate-settings-card p{color:#718096}.rate-status{padding:9px 14px;border-radius:999px;font-weight:800}.rate-status.auto{background:#dcfce7;color:#166534}.rate-status.manual{background:#fff7ed;color:#9a3412}.rate-branch-picker{display:flex;align-items:center;gap:10px;margin:14px 0}.rate-branch-picker select{max-width:240px}.rate-summary-bar{display:flex;gap:25px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px;margin:14px 0}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rate-panel,.rate-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(15,23,42,.05);margin-bottom:18px}.rate-panel table,.rate-settings-card table{width:100%}.rate-settings-form{margin:0}.switch-line{display:flex!important;align-items:center;gap:10px;font-weight:800}.switch-line input{width:20px;height:20px}.api-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.api-grid .wide{grid-column:span 2}.api-grid label,.strategy-create label{display:flex;flex-direction:column;gap:6px;font-weight:700}.disabled-block{opacity:.5}.rate-actions{display:flex;gap:10px;margin-top:18px}.api-state{display:flex;gap:30px;flex-wrap:wrap;margin-top:14px;font-size:13px}.api-test-result{margin-top:12px;font-weight:700}.api-test-result.good{color:#15803d}.api-test-result.bad{color:#b91c1c}.strategy-create{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin:16px 0}.icon-action{border:0;background:transparent;cursor:pointer;font-size:17px}.inline-form{margin:-8px 0 18px}.rate-settings-card input:disabled{background:#f1f5f9;color:#64748b}@media(max-width:900px){.rate-grid{grid-template-columns:1fr}.api-grid,.strategy-create{grid-template-columns:1fr}.api-grid .wide{grid-column:span 1}}

/* v5.7 sidebar browser clock and strategy actions */
.sidebar-clock{margin:-4px 2px 10px;padding:11px 12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.055);text-align:center;color:#fff}
.clock-day{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#9fb1ca}.clock-date{font-size:12px;color:#c8d5e8;margin-top:3px}.clock-time{font-size:22px;font-weight:800;letter-spacing:.04em;margin-top:5px;font-variant-numeric:tabular-nums}.clock-collapsed{display:none}.strategy-actions{display:flex;gap:6px;align-items:center}.strategy-actions form{margin:0}.rate-settings-card table input{min-width:120px}
body.sidebar-collapsed .sidebar-clock{width:48px;padding:8px 3px;margin:0 0 8px;border-radius:10px}
body.sidebar-collapsed .clock-expanded{display:none}body.sidebar-collapsed .clock-collapsed{display:block}.clock-time-compact{font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.clock-date-compact{font-size:9px;color:#aebdd2;margin-top:3px;text-transform:uppercase}
@media(max-width:1000px){body.sidebar-collapsed .clock-expanded{display:block}body.sidebar-collapsed .clock-collapsed{display:none}body.sidebar-collapsed .sidebar-clock{width:auto;padding:11px 12px}}

/* Rate strategy read-only table and edit modal */
.strategy-table td{vertical-align:middle}.strategy-table .strategy-actions{width:100px;text-align:center}.strategy-edit-btn{font-size:16px;cursor:pointer}
.strategy-modal{display:none;position:fixed;inset:0;z-index:2500;align-items:center;justify-content:center;padding:20px}.strategy-modal.open{display:flex}.strategy-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(2px)}.strategy-modal-card{position:relative;width:min(620px,96vw);background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.24);padding:24px}.strategy-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.strategy-modal-head h2{margin:0 0 5px}.strategy-modal-head p{margin:0;color:#64748b}.strategy-modal-close{border:0;background:#eef2f7;color:#334155;width:38px;height:38px;border-radius:10px;font-size:24px;line-height:1;cursor:pointer}.strategy-modal-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#172033}.strategy-modal-form input{width:100%}.strategy-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.strategy-modal-actions{display:flex;align-items:center;gap:10px;margin-top:24px}.strategy-modal-spacer{flex:1}.btn.danger{background:#dc2626;color:#fff}.btn.danger:hover{background:#b91c1c}@media(max-width:640px){.strategy-modal-grid{grid-template-columns:1fr}.strategy-modal-actions{flex-wrap:wrap}.strategy-modal-spacer{display:none}.strategy-modal-actions .btn{flex:1}}

/* v5.8.3 users action alignment and scrollable sidebar */
.sidebar{overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.34)}
.sidebar-brand{flex:0 0 auto}.sidebar-clock{flex:0 0 auto}.sidebar-spacer{min-height:16px}
body.sidebar-collapsed .sidebar{overflow-y:auto;overflow-x:visible}
@media(max-height:760px){.sidebar{padding-top:10px;padding-bottom:10px}.sidebar-brand{padding-bottom:12px;margin-bottom:4px}.sidebar-clock{margin-bottom:5px}.sidebar a{flex:0 0 auto}.settings-group{flex:0 0 auto}.sidebar-user{flex:0 0 auto}}

/* v5.8.4 sidebar toggle visibility */
.sidebar-toggle{
  position:relative;
  z-index:50;
  flex:0 0 38px;
  width:38px;
  height:38px;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#172844!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.04)!important;
  opacity:1!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1!important;
}
.sidebar-toggle:hover,.sidebar-toggle:focus{
  background:#24406c!important;
  border-color:#8fb0ff!important;
  color:#fff!important;
  outline:none;
  transform:translateY(-1px);
}
body.sidebar-collapsed .sidebar-toggle{
  position:fixed!important;
  top:13px!important;
  left:66px!important;
  right:auto!important;
  width:38px!important;
  height:38px!important;
  background:#172844!important;
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.38)!important;
  opacity:1!important;
}
@media(max-width:1000px){.sidebar-toggle{display:none!important}}

/* v5.8.8 transaction workflow redesign */
.workflow-page{max-width:1500px;margin:0 auto}.workflow-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:8px 4px 18px}.workflow-header h1{margin:0;text-transform:uppercase}.workflow-header p{margin:5px 0 0;color:#667085}.workflow-meta{display:flex;gap:14px;min-width:430px}.workflow-meta label{flex:1}.workflow-form{display:flex;flex-direction:column;gap:18px}.workflow-card{background:#fff;border:1px solid #dfe5ef;border-radius:14px;padding:20px;box-shadow:0 2px 7px rgba(15,23,42,.035)}.workflow-sell .workflow-card{border-color:#f0d8dc}.workflow-sell .step-number{background:#d7192d}.workflow-buy .step-number{background:#16852d}.identity-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.workflow-card label{font-weight:700}.workflow-card input,.workflow-card select,.workflow-card textarea{margin-top:7px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.section-heading b{font-size:18px}.section-heading p{margin:5px 0 0;color:#667085}.step-number{display:inline-grid;place-items:center;width:26px;height:26px;color:#fff;border-radius:50%;margin-right:8px;font-size:13px}.section-total{padding:10px 14px;border-radius:10px;background:#f5f8f6;white-space:nowrap}.workflow-sell .section-total{background:#fff1f2;color:#b42318}.money-table{display:flex;flex-direction:column;gap:10px}.money-row{display:grid!important;grid-template-columns:42px minmax(150px,.8fr) minmax(150px,.7fr) minmax(220px,1.4fr) 42px;gap:12px;align-items:center}.money-row>*{margin:0!important}.danger-icon{background:#fee2e2!important;color:#dc2626!important;border:0!important;min-width:36px!important;padding:9px!important}.secondary-btn{background:#fff!important;color:#101828!important;border:1px solid #cfd7e3!important;margin-top:13px}.three-card-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.fee-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fee-summary{margin-top:15px;padding:11px;border-radius:8px;background:#fff6dd;color:#92400e;font-weight:700}.estimate-card,.payable-card{background:#fff7f7}.workflow-buy .payable-card{background:#f2fbf4}.hero-amount{font-size:36px;line-height:1.15;font-weight:900;color:#16852d;margin:14px 0}.workflow-sell .hero-amount{color:#d7192d}.hero-amount small{font-size:14px}.hero-input{font-size:34px!important;font-weight:900!important;color:#16852d!important;border:0!important;background:transparent!important;padding:0!important}.txid-table-head,.txid-row{grid-template-columns:2.2fr .75fr .65fr .55fr 1.45fr 1.45fr .75fr!important}.txid-row{position:relative}.verification-card{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:20px;border-width:2px}.verification-card.waiting{background:#fafafa}.verification-card.verified{background:#effaf2;border-color:#4eae61}.workflow-sell .verification-card.verified{background:#fff4f4;border-color:#e76672}.verification-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#d0d5dd;color:#fff;font-size:32px;font-weight:900}.verification-card.verified .verification-icon{background:#16852d}.workflow-sell .verification-card.verified .verification-icon{background:#d7192d}.comparison-table{grid-column:1/-1;margin-top:8px;border-top:1px solid #e5e7eb;padding-top:12px}.comparison-table>div{display:flex;justify-content:space-between;padding:7px 0}.comparison-table small{display:block;margin-top:7px;padding:9px;border-radius:7px;background:#f2f4f7}.comparison-table small.good{background:#eaf7ed;color:#067647}.comparison-table small.bad{background:#fff0f0;color:#b42318}.workflow-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;padding:4px 0 14px}.workflow-actions button{font-size:17px;padding:15px}.workflow-buy .primary-save{background:#16852d}.workflow-sell .primary-save{background:#d7192d}.workflow-card textarea{min-height:70px}.customer-search{padding-left:14px}
@media(max-width:1000px){.workflow-header,.workflow-meta{display:block;min-width:0}.workflow-meta{margin-top:12px}.identity-grid,.three-card-grid{grid-template-columns:1fr}.txid-table-head{display:none!important}.txid-row{display:grid!important;grid-template-columns:1fr 1fr!important}.money-row{grid-template-columns:34px 1fr 1fr}.money-row .payout-amount{grid-column:2/4}.workflow-actions{grid-template-columns:1fr}}
.pending-status-pill,.pending-status-box{display:inline-block;padding:8px 13px;border-radius:999px;background:#fff0e5;color:#b54708;font-weight:800}.pending-money-summary{display:flex;flex-wrap:wrap;gap:12px}.pending-money-summary span{display:flex;flex-direction:column;padding:12px 16px;background:#f8fafc;border-radius:10px;min-width:170px}.pending-money-summary small{color:#667085;margin-top:4px}.summary-lines>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef1f5}

/* v5.8.9 Buy hierarchy refinement: received amount is secondary; payout is primary */
.workflow-buy .verification-card{
  grid-template-columns:64px 1fr;
  gap:16px;
  padding:16px 20px;
}
.workflow-buy .verification-icon{
  width:52px;
  height:52px;
  font-size:27px;
}
.workflow-buy .verified-amount-value{
  color:#101828!important;
  font-size:28px;
  line-height:1.1;
  margin:8px 0 6px;
}
.workflow-buy .verification-card>div:nth-child(2)>span{
  font-size:14px;
  font-weight:700;
  color:#344054;
}
.workflow-buy .verification-card p{
  margin:4px 0 0;
  color:#667085;
}
.workflow-buy .payable-card{
  border:2px solid #7bc88a;
  background:linear-gradient(135deg,#f4fcf6 0%,#ecf9ef 100%);
  box-shadow:0 5px 16px rgba(22,133,45,.10);
}
.workflow-buy .payable-card h3{
  margin-bottom:14px;
}
.workflow-buy .payable-card .hero-input{
  color:#16852d!important;
  font-size:42px!important;
  line-height:1.05;
}
.workflow-buy .payable-card>span{
  display:block;
  margin-top:7px;
  color:#344054;
  font-weight:600;
}