*{box-sizing:border-box}
body{margin:0;background:#edf1f7;color:#0f172a;font-family:Inter,Arial,sans-serif}
.admin-topbar{height:68px;background:#071633;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.admin-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}
.admin-user{font-size:18px;color:#fff}
.admin-shell{display:flex;min-height:calc(100vh - 68px)}
.admin-sidebar{width:270px;background:#ffffff;border-right:1px solid #dbe2ea;padding:24px 18px}
.admin-sidebar a{display:block;padding:14px 0;color:#263655;text-decoration:none;font-size:16px}
.admin-sidebar a:hover{color:#162d65;font-weight:600}
.admin-content{flex:1;padding:26px 34px}
.admin-title{margin:0 0 22px 0;font-size:30px;font-weight:800}
.admin-footer{display:none}

.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:22px}
.admin-card{border-radius:18px;padding:24px 26px;color:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.04)}
.admin-card-purple{background:linear-gradient(135deg,#6d5dfc,#4637dd)}
.admin-card-green{background:linear-gradient(135deg,#16b978,#0f9460)}
.admin-card-orange{background:linear-gradient(135deg,#a16207,#854d0e)}
.admin-card-red{background:linear-gradient(135deg,#7f1d1d,#991b1b)}
.admin-stat{font-size:36px;font-weight:800;margin-top:8px}

.fxh-dash{display:flex;flex-direction:column;gap:16px}
.fxh-panel{background:#fff;border-radius:18px;padding:18px;box-shadow:0 0 0 1px rgba(15,23,42,.04)}
.fxh-selector-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fxh-selector-label{color:#8b94a7;font-size:14px;min-width:108px}
.fxh-select{min-width:370px;height:50px;padding:0 14px;border:1px solid #d8dee8;border-radius:14px;background:#fff;font-size:16px}
.fxh-clock-box{margin-left:auto;min-width:148px;height:54px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 1px rgba(15,23,42,.06);font-weight:800;font-size:18px}
.fxh-clock-dot{font-size:15px}

.fxh-account-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fxh-account-left{display:flex;align-items:center;gap:10px;font-size:18px}
.fxh-status-badge{padding:5px 12px;border-radius:8px;font-size:12px;font-weight:800;color:#fff}
.fxh-status-badge.is-active{background:#64748b}
.fxh-status-badge.is-offline{background:#a16207}
.fxh-status-badge.is-not-connected{background:#64748b}
.fxh-status-badge.is-suspended{background:#991b1b}
.fxh-lite-btn{background:#fff;border:1px solid #d8dee8;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;font-size:14px}

.fxh-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fxh-metric-card{border-radius:18px;padding:22px 20px;min-height:104px;color:#fff}
.metric-balance{background:linear-gradient(135deg,#475569,#1e40af)}
.metric-equity{background:linear-gradient(135deg,#0f766e,#0d9488)}
.metric-start{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
.metric-floating-positive{background:linear-gradient(135deg,#059669,#64748b)}
.metric-floating-negative{background:linear-gradient(135deg,#991b1b,#b91c1c)}
.fxh-metric-label{font-size:14px;opacity:.92;margin-bottom:8px}
.fxh-metric-value{font-size:24px;font-weight:800}

.fxh-dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dd-daily{background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.dd-max{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}
.fxh-dd-title,.fxh-section-title{font-size:20px;font-weight:800;color:#142c6b;margin-bottom:10px}
.fxh-dd-left{color:#475569;font-size:14px;margin-bottom:10px}
.fxh-bar{width:100%;height:20px;background:#e7edf3;border-radius:999px;overflow:hidden}
.fxh-bar-fill{height:100%;width:0%;background:#64748b;border-radius:999px;transition:width .3s ease}

.stats-panel{background:linear-gradient(135deg,#ffffff,#f8fafc)}
.fxh-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.fxh-mini-card{border-radius:16px;padding:16px;color:#fff;display:flex;flex-direction:column;gap:8px;min-height:92px}
.fxh-mini-card span{font-size:13px;opacity:.92}
.fxh-mini-card strong{font-size:18px;font-weight:800}
.mini-blue{background:linear-gradient(135deg,#334155,#475569)}
.mini-teal{background:linear-gradient(135deg,#0d9488,#0f766e)}
.mini-purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
.mini-green{background:linear-gradient(135deg,#64748b,#475569)}
.mini-orange{background:linear-gradient(135deg,#a16207,#854d0e)}
.mini-indigo{background:linear-gradient(135deg,#4f46e5,#4338ca)}
.mini-emerald{background:linear-gradient(135deg,#10b981,#059669)}
.mini-rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}

.big-chart{height:420px;border:1px solid #d8dee8;border-radius:16px;padding:12px;background:#fff}
.fxh-under-chart{display:grid;grid-template-columns:1.2fr .7fr .9fr;gap:14px;margin-top:16px}
.fxh-sub-title{font-size:18px;font-weight:800;color:#142c6b;margin-bottom:12px}

.fxh-live-box{border:1px solid #d8dee8;border-radius:16px;padding:16px;background:linear-gradient(135deg,#fff7ed,#ffedd5)}
.fxh-live-list{display:flex;flex-direction:column;gap:10px}
.fxh-live-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#fff}
.fxh-live-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fxh-live-main strong{font-size:15px}
.fxh-live-main span{font-size:13px;color:#475569}
.fxh-live-pnl{font-weight:800}
.fxh-live-pnl.is-profit{color:#64748b}
.fxh-live-pnl.is-loss{color:#991b1b}
.fxh-live-empty{color:#64748b}

.fxh-profit-box{border:1px solid #d8dee8;border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.profit-positive{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}
.profit-negative{background:linear-gradient(135deg,#fef2f2,#fee2e2)}
.fxh-profit-value{font-size:22px;font-weight:800}
.fxh-profit-value.is-profit{color:#64748b}
.fxh-profit-value.is-loss{color:#991b1b}

.colorful-summary{border:1px solid #d8dee8;border-radius:16px;padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.fxh-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #dbe4ef;color:#475569;font-size:14px}
.fxh-summary-row:last-child{border-bottom:none}
.fxh-summary-row strong{color:#111827;text-align:right;white-space:nowrap}

.monitor-panel{background:linear-gradient(135deg,#fff7ed,#ffedd5)}
.fxh-monitor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fxh-monitor-grid div{display:flex;flex-direction:column;gap:8px}
.fxh-monitor-grid span{color:#7f8aa1;font-size:14px}
.fxh-monitor-grid strong{font-size:20px;color:#0f172a}

.table-wrapper{overflow:auto}
.admin-table{width:100%;border-collapse:collapse;background:#fff}
.admin-table th,.admin-table td{padding:12px 10px;border-bottom:1px solid #e9eef5;text-align:left;font-size:14px}
.admin-table th{color:#334155;background:#f8fafc}
.admin-action,
.btn,
.copy-btn{
    border:none;
    border-radius:10px;
    padding:8px 12px;
    cursor:pointer;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.admin-btn-edit{background:#334155;color:#fff}
.admin-btn-delete,.btn-danger{background:#991b1b;color:#fff}
.btn-secondary{background:#cbd5e1;color:#0f172a}
.copy-btn{
    background:#eef2ff;
    color:#1e3a8a;
    font-size:13px;
}

.copy-btn i{
    font-size:14px;
}

.copy-btn:hover{
    background:#e0e7ff;
}

.fxh-modal{display:none;position:fixed;inset:0;background:rgba(2,6,23,.45);align-items:center;justify-content:center;z-index:9999}
.fxh-modal-box{width:min(760px,94vw);background:#fff;border-radius:20px;padding:22px}
.fxh-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
#fxhModalTitle{font-size:26px;font-weight:800}
.fxh-download-modal{display:flex;flex-direction:column;gap:18px;margin-top:14px}
.fxh-download-item{border:1px solid #e5e7eb;border-radius:18px;padding:22px}
.fxh-download-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.fxh-download-label{font-size:14px;color:#6b7280}
.fxh-download-value{font-size:22px;font-weight:800;word-break:break-all}

.mobile-toggle{display:none;background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer}

@media (max-width: 1200px){
  .admin-grid,.fxh-metric-grid,.fxh-mini-stats{grid-template-columns:repeat(2,1fr)}
  .fxh-under-chart{grid-template-columns:1fr}
  .fxh-monitor-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 900px){
  .mobile-toggle{display:inline-block}
  .admin-sidebar{position:fixed;left:-290px;top:68px;height:calc(100vh - 68px);z-index:999;transition:left .25s ease}
  .admin-sidebar.active{left:0}
  .admin-content{padding:18px}
  .fxh-dd-grid,.fxh-monitor-grid{grid-template-columns:1fr}
  .fxh-clock-box{margin-left:0}
}
@media (max-width: 640px){
  .admin-grid,.fxh-metric-grid,.fxh-mini-stats{grid-template-columns:1fr}
  .fxh-selector-row{flex-direction:column;align-items:stretch}
  .fxh-select{min-width:unset;width:100%}
  .fxh-account-strip{flex-direction:column;align-items:flex-start}
  .fxh-download-head{flex-direction:column;align-items:flex-start}
  .fxh-download-value{font-size:18px}
}