/* ============================================================
   GetLegacyHomes Dashboard v6.0 — Production CSS
   Gridbot Compatible | All bugs fixed | Mobile first
   ============================================================ */

/* ── GRIDBOT RESET ── */
body.glh-page{background:#0a0e1a!important;margin:0!important;padding:0!important;overflow-x:hidden!important}
body.glh-page #masthead,body.glh-page .site-header,body.glh-page header.site-header,
body.glh-page #site-navigation,body.glh-page .main-navigation,body.glh-page nav.main-navigation,
body.glh-page #colophon,body.glh-page .site-footer,body.glh-page footer.site-footer,
body.glh-page #secondary,body.glh-page .widget-area,body.glh-page aside.widget-area,
body.glh-page .entry-header,body.glh-page .page-header,body.glh-page .site-branding,
body.glh-page .breadcrumb,body.glh-page #wpadminbar{display:none!important}
body.glh-page #page,body.glh-page .site,body.glh-page #content,body.glh-page .site-content,
body.glh-page #primary,body.glh-page .content-area,body.glh-page main#main,
body.glh-page .entry-content,body.glh-page article.page,body.glh-page .hentry,
body.glh-page .post-inner,body.glh-page .container,body.glh-page .wrapper{
  max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;
  float:none!important;background:transparent!important;border:none!important;
  box-shadow:none!important;display:block!important}
body.glh-page{margin-top:0!important;padding-top:0!important}
html body.glh-page{margin-top:0!important}

/* ── BASE ── */
.glh-wrap *,.glh-wrap *::before,.glh-wrap *::after,
.glh-overlay *,.glh-overlay *::before,.glh-overlay *::after{box-sizing:border-box}
.glh-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:14px}
.glh-wrap h1,.glh-wrap h2,.glh-wrap h3{font-family:inherit;margin:0;padding:0;border:none;background:none;color:inherit}
.glh-wrap ul{list-style:none;margin:0;padding:0}
.glh-wrap a{text-decoration:none!important}
.glh-wrap button{font-family:inherit;cursor:pointer}
.glh-wrap p{margin:0}
.glh-wrap{display:flex;min-height:100vh;width:100%;background:#0a0e1a;color:#e8eaf0;overflow:hidden;position:relative}

/* ════════════════════════════════════
   SIDEBAR
════════════════════════════════════ */
.glh-sidebar{
  width:220px;min-width:220px;background:#0d1224;border-right:1px solid #1e2a45;
  display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;
  position:sticky;top:0;height:100vh;z-index:10;
  transition:width .28s ease,min-width .28s ease}
.glh-sidebar.collapsed{width:64px;min-width:64px}
.glh-sidebar.collapsed .glh-nl,
.glh-sidebar.collapsed .glh-logo-text,
.glh-sidebar.collapsed .glh-promo{display:none!important}

.glh-logo{padding:20px 16px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #1e2a45;flex-shrink:0}
.glh-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,#f0a500,#e07800);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.glh-logo-icon i{color:#fff;font-size:21px}
.glh-logo-text{font-weight:800;font-size:13px;color:#fff;line-height:1.25;white-space:nowrap}
.glh-logo-text span{color:#f0a500;display:block}

.glh-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 0}
.glh-nav::-webkit-scrollbar{width:3px}
.glh-nav::-webkit-scrollbar-thumb{background:#2a3a5c;border-radius:2px}
.glh-nav-item{}
.glh-nav-logout{border-top:1px solid #1e2a45}

/* Base nav link — shared by <a> and <button> */
.glh-nav-link{
  display:flex;align-items:center;gap:12px;padding:11px 16px;
  color:#8892aa;font-size:13px;font-weight:500;
  border-left:3px solid transparent;
  transition:background .18s,color .18s;
  white-space:nowrap;width:100%;text-align:left;
  background:none;border-top:none;border-right:none;border-bottom:none}
.glh-nav-link i{font-size:19px;flex-shrink:0}
.glh-nav-link:hover{background:#131b30;color:#c8d0e0!important}
.glh-nav-link.active,.glh-nav-link.glh-ctx-active{background:#1a2540;color:#fff!important;border-left-color:#f0a500}
.glh-nav-link-logout{color:#e05050!important}
.glh-nav-link-logout:hover{background:rgba(224,80,80,.1)!important}

/* Context buttons (Investments, Wallet, Referral) */
.glh-ctx-btn{
  display:flex;align-items:center;gap:12px;padding:11px 16px;
  color:#8892aa;font-size:13px;font-weight:500;
  border-left:3px solid transparent;
  width:100%;text-align:left;background:none;
  border-top:none;border-right:none;border-bottom:none;
  cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}
.glh-ctx-btn i{font-size:19px;flex-shrink:0}
.glh-ctx-btn:hover{background:#131b30;color:#c8d0e0}
.glh-ctx-btn.glh-ctx-active{background:#1a2540;color:#fff;border-left-color:#f0a500}

.glh-promo{margin:8px 10px 14px;background:linear-gradient(135deg,#1a2540,#0f1828);border:1px solid #2a3a5c;border-radius:12px;padding:14px 12px;text-align:center;flex-shrink:0}
.glh-promo-title{color:#f0a500;font-weight:800;font-size:12px;line-height:1.4}
.glh-promo-sub{color:#8892aa;font-size:11px;margin:6px 0 10px}
.glh-promo-btn{
  display:block;background:linear-gradient(90deg,#f0a500,#e07800);
  color:#fff!important;border:none;border-radius:7px;
  padding:9px 8px;font-size:12px;font-weight:700;text-align:center;
  word-break:break-word;white-space:normal;line-height:1.3}
.glh-promo-btn:hover{opacity:.88}

.glh-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9;backdrop-filter:blur(3px)}
.glh-backdrop.show{display:block}

/* ════════════════════════════════════
   MAIN AREA
════════════════════════════════════ */
.glh-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}

/* TOP BAR */
.glh-topbar{background:#0d1224;border-bottom:1px solid #1e2a45;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;position:sticky;top:0;z-index:50}
.glh-topbar-l{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.glh-topbar-r{display:flex;align-items:center;gap:10px;flex-shrink:0}

/* Hamburger */
.glh-toggle{background:none;border:1px solid #1e2a45;border-radius:8px;width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;transition:background .18s;flex-shrink:0;cursor:pointer}
.glh-toggle:hover{background:#1a2540;border-color:#3a7bd5}
.glh-toggle span{display:block;width:16px;height:2px;background:#c8d0e0;border-radius:2px;transition:all .22s}
.glh-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.glh-toggle.open span:nth-child(2){opacity:0}
.glh-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.glh-welcome-h{font-size:16px!important;font-weight:700!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;margin:0!important;padding:0!important;border:none!important}
.glh-welcome-p{font-size:12px;color:#8892aa;margin-top:2px!important}

/* ── NOTIFICATION BELL ── */
.glh-bell-wrap{position:relative}
.glh-bell-btn{position:relative;background:#131b30;border:1px solid #1e2a45;border-radius:9px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#8892aa;transition:all .18s;flex-shrink:0;cursor:pointer}
.glh-bell-btn:hover{color:#fff;border-color:#3a7bd5;background:#1a2540}
.glh-bell-btn i{font-size:20px}
.glh-bell-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#e05050,#c0392b);color:#fff;font-size:10px;font-weight:700;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid #0d1224;padding:0 3px;animation:glhPulse 2s infinite}
@keyframes glhPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,80,80,.4)}50%{box-shadow:0 0 0 5px rgba(224,80,80,0)}}

.glh-bell-drop{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:#111c35;border:1px solid #2a3a5c;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);z-index:1000;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .22s ease}
.glh-bell-drop.open{opacity:1;visibility:visible;transform:translateY(0)}
.glh-bell-head{padding:14px 16px;border-bottom:1px solid #1e2a45;display:flex;align-items:center;justify-content:space-between}
.glh-bell-head span{font-size:14px;font-weight:600;color:#fff}
.glh-bell-read-all{background:none;border:none;color:#3a7bd5;font-size:12px;cursor:pointer}
.glh-bell-read-all:hover{color:#60a5fa}
.glh-bell-list{max-height:300px;overflow-y:auto}
.glh-bell-list::-webkit-scrollbar{width:3px}
.glh-bell-list::-webkit-scrollbar-thumb{background:#2a3a5c}
.glh-bell-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #1a2540;transition:background .15s}
.glh-bell-item:hover{background:rgba(58,123,213,.08)}
.glh-bell-item.unread{background:rgba(58,123,213,.05);cursor:pointer}
.glh-bell-item:last-child{border-bottom:none}
.glh-bell-dot{width:8px;height:8px;border-radius:50%;background:#3a7bd5;flex-shrink:0;margin-top:5px;transition:background .2s}
.glh-bell-item.read .glh-bell-dot{background:#2a3a5c}
.glh-bell-body{flex:1}
.glh-bell-item-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:3px}
.glh-bell-msg{font-size:12px;color:#8892aa;line-height:1.5}
.glh-bell-time{font-size:11px;color:#4a5568;margin-top:4px}
.glh-bell-empty{text-align:center;padding:30px 20px;color:#8892aa}
.glh-bell-empty i{font-size:32px;display:block;margin-bottom:8px;opacity:.4}
.glh-bell-empty p{font-size:13px}
.glh-bell-footer{padding:10px 16px;border-top:1px solid #1e2a45;text-align:center}
.glh-bell-more{background:none;border:none;color:#3a7bd5;font-size:13px;font-weight:600;cursor:pointer;padding:0}
.glh-bell-more:hover{color:#60a5fa}
.glh-bell-more:disabled{color:#64748b;cursor:default}
.glh-bell-more-msg{margin-top:8px;font-size:12px;color:#8892aa;line-height:1.5}

/* User button */
.glh-user-btn{display:flex;align-items:center;gap:9px;padding:5px 9px;border-radius:9px;background:none;border:none;color:inherit;cursor:pointer;transition:background .18s}
.glh-user-btn:hover{background:#1a2540}
.glh-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3a7bd5,#5a4de0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;overflow:hidden;flex-shrink:0}
.glh-avatar img{width:100%;height:100%;object-fit:cover}
.glh-av-lg{width:80px;height:80px;font-size:26px;margin:0 auto 14px}
.glh-user-name{display:block;font-size:13px;font-weight:600;color:#fff}
.glh-partner-id{display:block;font-size:11px;color:#8892aa}
.glh-user-meta{text-align:left}

.glh-curr-badge{background:rgba(58,123,213,.15);border:1px solid rgba(58,123,213,.3);color:#60a5fa;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}

/* ── CONTENT ── */
.glh-content{flex:1;overflow-y:auto;padding:18px 20px;background:#0a0e1a}
.glh-content::-webkit-scrollbar{width:5px}
.glh-content::-webkit-scrollbar-thumb{background:#2a3a5c;border-radius:3px}

/* ════════════════════════════════════
   WALLET HERO — PRESERVED
════════════════════════════════════ */
.glh-hero{background:linear-gradient(135deg,#111c35,#0d1828);border:1px solid #1e2a45;border-radius:16px;padding:22px 24px;margin-bottom:16px;display:flex;gap:24px;align-items:flex-start}
.glh-hero-l{flex:1}
.glh-hero-label{display:flex;align-items:center;gap:8px;color:#8892aa;font-size:13px;margin-bottom:8px;flex-wrap:wrap}
.glh-eye{background:none;border:none;color:#8892aa;padding:0;line-height:1;cursor:pointer}
.glh-eye i{font-size:17px;display:block}
.glh-eye:hover{color:#c8d0e0}
.glh-hero-amount{font-size:36px;font-weight:800;color:#fff!important;letter-spacing:-.5px;margin-bottom:12px;line-height:1.1;transition:filter .3s}
.glh-hero-amount.hidden{filter:blur(9px);user-select:none}
.glh-hero-growth{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.glh-growth-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#22c55e;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1.35;max-width:260px}
.glh-hero-r{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}
.glh-hero-btns{display:flex;gap:10px}
.glh-dep-btn,.glh-wd-btn,.glh-ref-copy,.glh-freq-save,.glh-btn-primary,.glh-pin-btn,.glh-bell-more{
  background:linear-gradient(180deg,#9a6a12 0%,#6b4708 100%)!important;
  border:1px solid #c7972d!important;
  color:#fff3cf!important;
  box-shadow:inset 0 1px 0 rgba(255,223,154,.22),0 10px 24px rgba(107,71,8,.22);
}
.glh-dep-btn{border-radius:9px;padding:11px 20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}
.glh-dep-btn:hover,.glh-wd-btn:hover,.glh-ref-copy:hover,.glh-freq-save:hover,.glh-btn-primary:hover,.glh-pin-btn:hover,.glh-bell-more:hover{filter:brightness(1.06)}
.glh-wd-btn{border-radius:9px;padding:11px 20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}
.glh-hero-chart{width:220px;height:80px;flex-shrink:0;position:relative;overflow:hidden}
.glh-hero-chart canvas{width:100%!important;height:100%!important}
.glh-chart-red-rise{
  position:absolute;left:10px;right:10px;bottom:-42px;height:54px;border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(248,113,113,.30) 0%,rgba(248,113,113,.18) 34%,rgba(248,113,113,0) 72%);
  filter:blur(10px);
  animation:glhRisePulse 3.2s ease-in-out infinite;
  pointer-events:none;
}
.glh-chart-red-glow{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,rgba(248,113,113,.45) 0%,rgba(248,113,113,.18) 35%,rgba(248,113,113,0) 72%);filter:blur(1px);animation:glhPulseGlow 2.3s ease-in-out infinite;pointer-events:none}
@keyframes glhRisePulse{
  0%{transform:translateY(26px) scaleX(.62);opacity:.18}
  35%{transform:translateY(8px) scaleX(.82);opacity:.34}
  68%{transform:translateY(-10px) scaleX(1.02);opacity:.52}
  100%{transform:translateY(-16px) scaleX(1.08);opacity:0}
}
@keyframes glhPulseGlow{
  0%{transform:scale(.75);opacity:.35}
  50%{transform:scale(1.5);opacity:.9}
  100%{transform:scale(.85);opacity:.45}
}

/* ════════════════════════════════════
   CONTEXT TABS
════════════════════════════════════ */
.glh-tabs{display:flex;background:#0d1224;border:1px solid #1e2a45;border-radius:11px;margin-bottom:14px;overflow:hidden}
.glh-tab{flex:1;padding:12px 8px;background:none;border:none;border-bottom:3px solid transparent;color:#8892aa;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .18s;white-space:nowrap;cursor:pointer}
.glh-tab i{font-size:17px}
.glh-tab:hover:not(.active){color:#c8d0e0;background:#131b30}
.glh-tab.active{color:#fff;border-bottom-color:#3a7bd5;background:rgba(58,123,213,.09)}

/* ════════════════════════════════════
   CONTEXT PANELS
════════════════════════════════════ */
.glh-ctx-panel{display:none}
.glh-ctx-panel.active{display:block}

/* Cards grid */
.glh-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.glh-card{background:#111c35;border:1px solid #1e2a45;border-radius:11px;padding:15px 13px;transition:border-color .18s,transform .18s}
.glh-card:hover{border-color:#2a3a5c}
.glh-reveal-card{cursor:pointer}
.glh-reveal-card:hover{transform:translateY(-1px)}
.glh-tap-hint{font-size:10px;color:#4a5568;font-style:normal}
.glh-card-lbl{font-size:12px;color:#8892aa;margin-bottom:4px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.glh-card-amt{font-size:17px;font-weight:700;margin-bottom:3px;transition:filter .3s}
.glh-card-amt.red{color:#e05050}
.glh-card-amt.green{color:#22c55e}
.glh-card-amt.blue{color:#60a5fa}
.glh-card-amt.purple{color:#a88ef0}
.glh-card-amt.amber{color:#f0a500}
.glh-card-sub{font-size:11px;color:#8892aa}
.glh-card-ico{margin-top:11px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.glh-card-ico i{font-size:18px}
.glh-blur{filter:blur(7px);user-select:none}
.glh-revealed{filter:none!important}
.blue-bg{background:rgba(58,123,213,.2);color:#60a5fa}
.red-bg{background:rgba(224,80,80,.2);color:#e05050}
.green-bg{background:rgba(34,197,94,.2);color:#22c55e}
.purple-bg{background:rgba(168,142,240,.2);color:#a88ef0}
.amber-bg{background:rgba(240,165,0,.2);color:#f0a500}

/* Portfolio info button */
.glh-info-btn{background:none;border:none;color:#4a5568;padding:0;line-height:1;cursor:pointer;display:inline-flex;align-items:center}
.glh-info-btn i{font-size:15px}
.glh-info-btn:hover{color:#3a7bd5}

/* Tooltip popup */
.glh-tip-popup{display:none;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);width:90%;max-width:420px;background:#111c35;border:1px solid #3a7bd5;border-radius:14px;padding:20px 20px 16px;z-index:9999;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:glhIn .22s ease}
.glh-tip-popup.open{display:block}
.glh-tip-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#8892aa;cursor:pointer;padding:4px}
.glh-tip-close i{font-size:18px;display:block}
.glh-tip-body{font-size:13px;color:#c8d0e0;line-height:1.7}

/* Frequency row */
.glh-freq-row{display:flex;align-items:center;justify-content:space-between;background:#111c35;border:1px solid #1e2a45;border-radius:9px;padding:13px 15px;gap:10px;flex-wrap:wrap}
.glh-freq-info{display:flex;align-items:center;gap:12px}
.glh-freq-info i{color:#8892aa;font-size:20px}
.glh-freq-lbl{font-size:12px;color:#8892aa}
.glh-freq-cur{font-size:13px;color:#3a7bd5;font-weight:600}
.glh-freq-ctrl{display:flex;align-items:center;gap:8px}
.glh-sel{background:#0d1224;border:1px solid #2a3a5c;border-radius:7px;color:#e8eaf0;padding:8px 12px;font-size:13px;outline:none;cursor:pointer;min-width:130px}
.glh-sel:focus{border-color:#3a7bd5}
.glh-freq-save{border-radius:7px;padding:8px 14px;font-size:13px;display:flex;align-items:center;gap:5px;cursor:pointer}
.glh-freq-save:disabled{opacity:.6;cursor:not-allowed}

/* Referral box */
.glh-ref-box{background:#111c35;border:1px solid #1e2a45;border-radius:9px;padding:14px;margin-top:2px}
.glh-ref-lbl{font-size:12px;color:#8892aa;margin-bottom:8px;display:block}
.glh-ref-row{display:flex;gap:8px}
.glh-ref-inp{flex:1;background:#0d1224;border:1px solid #1e2a45;border-radius:7px;padding:9px 12px;color:#e8eaf0;font-size:12px;outline:none}
.glh-ref-copy{border-radius:7px;padding:9px 14px;font-size:12px;display:flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}

/* ════════════════════════════════════
   AD BANNERS
════════════════════════════════════ */
.glh-banners{margin-bottom:14px;border-radius:12px;overflow:hidden}
.glh-banner-track{position:relative;width:100%;min-height:80px;background:#111c35;border:1px solid #1e2a45;border-radius:12px;overflow:hidden}
.glh-banner-slide{display:none;width:100%;position:relative;cursor:pointer;aspect-ratio:16/4;animation:glhBannerFade .45s ease}
.glh-banner-slide.active{display:block}
.glh-banner-slide img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.glh-banner-text{width:100%;height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff;padding:20px;text-align:center;background:linear-gradient(135deg,#1a2540,#0f1828)}
.glh-banner-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:14px 16px 12px;font-size:13px;font-weight:500}
.glh-banner-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.glh-banner-dot{width:8px;height:8px;border-radius:50%;background:#2a3a5c;border:none;cursor:pointer;transition:background .2s,transform .2s;padding:0}
.glh-banner-dot.active{background:#3a7bd5;transform:scale(1.3)}
@keyframes glhBannerFade{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ════════════════════════════════════
   TRANSACTIONS
════════════════════════════════════ */
.glh-txn-section{background:#0d1224;border:1px solid #1e2a45;border-radius:13px;padding:18px;margin-bottom:14px}
.glh-txn-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.glh-sec-h{font-size:15px!important;font-weight:700!important;color:#fff!important;margin:0 0 14px!important;border:none!important;padding:0!important;background:none!important}
.glh-view-all{color:#c8a24b;font-size:13px}
.glh-view-all-static{cursor:default}
.glh-txn-list{display:flex;flex-direction:column;gap:8px}
.glh-txn-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#111c35;border:1px solid #1e2a45;border-radius:9px;transition:border-color .18s}
.glh-txn-row:hover{border-color:#2a3a5c}
.glh-txn-ico{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.glh-txn-ico i{font-size:17px}
.glh-txn-ico.credit{background:rgba(34,197,94,.2);color:#22c55e}
.glh-txn-ico.debit{background:rgba(224,80,80,.2);color:#e05050}
.glh-txn-info{flex:1;min-width:0}
.glh-txn-name{font-size:13px;color:#e8eaf0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glh-txn-desc{font-size:11px;color:#8892aa;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glh-txn-amt{font-size:14px;font-weight:700;min-width:90px;text-align:right;white-space:nowrap;flex-shrink:0}
.glh-txn-amt.credit{color:#22c55e}
.glh-txn-amt.debit{color:#e05050}
.glh-txn-date{font-size:11px;color:#8892aa;text-align:right;min-width:75px;line-height:1.6;flex-shrink:0}
.glh-txn-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:5px;min-width:50px;text-align:center;flex-shrink:0}
.glh-txn-badge.credit{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}
.glh-txn-badge.debit{background:rgba(224,80,80,.15);color:#e05050;border:1px solid rgba(224,80,80,.3)}
.glh-empty{text-align:center;color:#8892aa;padding:30px 0}
.glh-empty i{font-size:36px;display:block;margin-bottom:10px;opacity:.4}
.glh-empty p{font-size:13px}

/* ════════════════════════════════════
   NOTIFICATIONS CENTER PAGE
════════════════════════════════════ */
.glh-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.glh-filter-tab{padding:7px 14px;border-radius:7px;font-size:12px;font-weight:500;color:#8892aa;background:#111c35;border:1px solid #1e2a45;transition:all .18s;display:inline-block;cursor:pointer;font-family:inherit;-webkit-appearance:none;appearance:none}
.glh-filter-tab:hover{color:#c8d0e0;border-color:#2a3a5c}
.glh-filter-tab.active{background:rgba(58,123,213,.15);border-color:#3a7bd5;color:#60a5fa}
.glh-mark-all-btn{background:rgba(58,123,213,.15);border:1px solid #3a7bd5;color:#60a5fa;border-radius:7px;padding:7px 14px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer}
.glh-mark-all-btn:hover{background:rgba(58,123,213,.3)}
.glh-notif-row{display:flex;align-items:flex-start;gap:14px;padding:14px;background:#111c35;border:1px solid #1e2a45;border-left:3px solid #1e2a45;border-radius:10px;margin-bottom:8px;transition:border-color .18s;position:relative}
.glh-notif-row.unread{border-left-color:#3a7bd5;cursor:pointer}
.glh-notif-row:hover{border-color:#2a3a5c}
.glh-notif-ico{width:38px;height:38px;border-radius:50%;background:rgba(58,123,213,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.glh-notif-ico i{color:#60a5fa;font-size:18px}
.glh-notif-body{flex:1}
.glh-notif-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px}
.glh-notif-msg{font-size:13px;color:#8892aa;line-height:1.6}
.glh-notif-time{font-size:11px;color:#4a5568;margin-top:6px}
.glh-unread-dot{position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:#3a7bd5}

/* ════════════════════════════════════
   MODALS
════════════════════════════════════ */
.glh-overlay{display:none;position:fixed;inset:0;background:rgba(5,8,20,.8);backdrop-filter:blur(10px);z-index:99999;align-items:center;justify-content:center;padding:16px}
.glh-overlay.open{display:flex!important}
.glh-modal{background:#111c35;border:1px solid #2a3a5c;border-radius:18px;padding:28px;width:500px;max-width:100%;position:relative;max-height:92vh;overflow-y:auto;animation:glhIn .22s ease}
.glh-modal-sm{width:380px}
.glh-modal::-webkit-scrollbar{width:4px}
.glh-modal::-webkit-scrollbar-thumb{background:#2a3a5c}
@keyframes glhIn{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.glh-modal-x{position:absolute;top:18px;right:18px;background:none;border:none;color:#8892aa;padding:4px;border-radius:6px;cursor:pointer;line-height:1}
.glh-modal-x i{font-size:21px;display:block}
.glh-modal-x:hover{color:#fff;background:rgba(255,255,255,.07)}
.glh-modal-title{font-size:19px!important;font-weight:700!important;color:#fff!important;margin-bottom:4px!important;padding:0!important;border:none!important;background:none!important}
.glh-modal-sub{font-size:13px;color:#8892aa;margin-bottom:20px!important}

.glh-steps{display:flex;gap:7px;margin-bottom:20px}
.glh-dot{width:9px;height:9px;border-radius:50%;background:#1e2a45;transition:background .2s}
.glh-dot.active{background:#3a7bd5}
.glh-dot.done{background:#22c55e}

.glh-fg{margin-bottom:14px}
.glh-lbl{font-size:12px;color:#8892aa;margin-bottom:6px;display:block}
.glh-inp{width:100%;background:#0d1224;border:1px solid #1e2a45;border-radius:9px;padding:11px 13px;color:#e8eaf0;font-size:14px;outline:none;transition:border-color .18s;-webkit-appearance:none;font-family:inherit}
.glh-inp:focus{border-color:#3a7bd5}
.glh-inp[type=file]{padding:9px 13px;cursor:pointer}
.glh-inp-sel{width:100%;background:#0d1224;border:1px solid #1e2a45;border-radius:9px;padding:11px 13px;color:#e8eaf0;font-size:14px;outline:none;appearance:none;cursor:pointer;font-family:inherit}
.glh-inp-sel:focus{border-color:#3a7bd5}
.glh-frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.glh-btn-primary{width:100%;background:linear-gradient(90deg,#3a7bd5,#5a4de0);border:none;color:#fff!important;border-radius:9px;padding:13px;font-size:14px;font-weight:600;margin-top:6px;transition:opacity .18s;cursor:pointer;font-family:inherit}
.glh-btn-primary:hover{opacity:.88}
.glh-btn-primary:disabled{opacity:.6;cursor:not-allowed}
.glh-btn-ghost{width:100%;background:none;border:none;color:#8892aa;font-size:13px;padding:10px;margin-top:4px;cursor:pointer;font-family:inherit}
.glh-btn-ghost:hover{color:#c8d0e0}
.glh-notice{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:9px;padding:11px 13px;font-size:13px;color:#22c55e;margin-bottom:14px}
.glh-error{background:rgba(224,80,80,.1);border:1px solid rgba(224,80,80,.3);border-radius:9px;padding:10px 13px;font-size:13px;color:#e05050;margin-top:10px;display:none}
.glh-acct-box{background:#0d1224;border:1px solid #3a7bd5;border-radius:13px;padding:22px;text-align:center}
.glh-acct-bank{font-size:13px;color:#8892aa;margin-bottom:6px}
.glh-acct-num{font-size:28px;font-weight:800;color:#fff;letter-spacing:3px;margin-bottom:6px}
.glh-acct-name{font-size:13px;color:#f0a500;font-weight:600}
.glh-copy-btn{display:inline-flex;align-items:center;gap:7px;margin-top:14px;background:rgba(58,123,213,.15);border:1px solid #3a7bd5;color:#60a5fa;border-radius:8px;padding:9px 22px;font-size:13px;cursor:pointer}
.glh-copy-btn:hover{background:rgba(58,123,213,.3)}
.glh-av-wrap{text-align:center;margin:20px 0}
.glh-file-lbl{display:inline-flex;align-items:center;gap:7px;cursor:pointer;margin-top:14px;background:#1a2540;border:1px solid #2a3a5c;color:#60a5fa;border-radius:9px;padding:10px 22px;font-size:13px}
.glh-file-lbl:hover{background:#1f2f50}
.glh-success{text-align:center;padding:24px 0}
.glh-success-ico{font-size:56px;color:#22c55e;display:block;margin-bottom:14px}
.glh-success h3{color:#fff!important;font-size:18px!important;margin-bottom:10px!important;padding:0!important;border:none!important;background:none!important}
.glh-success p{color:#8892aa;font-size:13px;line-height:1.6;max-width:340px;margin:0 auto!important}

/* Toast */
.glh-toast{position:fixed;bottom:24px;right:24px;z-index:999999;background:#1a2540;border:1px solid #2a3a5c;color:#e8eaf0;border-radius:11px;padding:13px 18px;font-size:13px;max-width:320px;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;transform:translateY(14px);transition:opacity .32s,transform .32s;pointer-events:none}
.glh-toast.err{border-color:rgba(224,80,80,.5);color:#fca5a5}
.glh-toast.ok{border-color:rgba(34,197,94,.5);color:#86efac}
.glh-toast.on{opacity:1;transform:translateY(0);pointer-events:auto}

/* ════════════════════════════════════
   RESPONSIVE
════════════════════════════════════ */
@media(max-width:1024px){
  .glh-cards-grid{grid-template-columns:repeat(2,1fr)}
  .glh-hero-chart{width:160px}
}

@media(max-width:768px){
  .glh-sidebar{
    position:fixed;left:-220px;width:220px!important;min-width:220px!important;
    top:0;bottom:0;z-index:100;
    transition:left .28s ease!important;box-shadow:4px 0 30px rgba(0,0,0,.5)}
  .glh-sidebar.mob-open{left:0!important}
  /* Always show text when mobile open */
  .glh-sidebar.mob-open .glh-nl{display:inline!important}
  .glh-sidebar.mob-open .glh-logo-text{display:block!important}
  .glh-sidebar.mob-open .glh-promo{display:block!important}
  /* Hide when collapsed on mobile (shouldn't happen but safety) */
  .glh-sidebar:not(.mob-open) .glh-nl{display:none}
  .glh-main{margin-left:0!important}
  .glh-hero{flex-direction:column;gap:14px;padding:16px}
  .glh-hero-r{align-items:stretch;width:100%}
  .glh-hero-btns{justify-content:stretch}
  .glh-dep-btn,.glh-wd-btn{flex:1;justify-content:center}
  .glh-hero-chart{width:100%;height:70px}
  .glh-bell-drop{width:300px;right:-50px}
  .glh-user-meta{display:none}
  .glh-welcome-h{font-size:13px!important;max-width:180px}
  .glh-welcome-p{display:none}
  .glh-banner-slide{aspect-ratio:16/5}
  .glh-freq-row{flex-direction:column;align-items:flex-start}
  .glh-freq-ctrl{width:100%}
  .glh-sel{flex:1}
}

@media(max-width:600px){
  .glh-cards-grid{grid-template-columns:1fr 1fr}
  .glh-tab span{display:none}
  .glh-tab{padding:11px 6px}
  .glh-txn-date,.glh-txn-badge{display:none}
  .glh-content{padding:12px}
  .glh-topbar{padding:10px 12px}
  .glh-modal{padding:20px 16px;border-radius:14px}
  .glh-frow{grid-template-columns:1fr}
  .glh-bell-drop{width:280px;right:-70px}
  .glh-banner-slide{aspect-ratio:16/6;min-height:70px}
  .glh-filter-tabs{gap:4px}
  .glh-filter-tab{padding:5px 10px;font-size:11px}
  .glh-promo{padding:12px 10px}
  .glh-promo-btn{font-size:11px;padding:9px 6px}
}

@media(max-width:420px){
  .glh-cards-grid{grid-template-columns:1fr}
  .glh-hero-amount{font-size:26px}
  .glh-promo-title{font-size:11px}
  .glh-promo-sub{font-size:10px}
  .glh-promo-btn{font-size:10px;padding:8px 4px}
}

/* ════════════════════════════════════
   WALLET PIN — v7.0
════════════════════════════════════ */
.glh-pin-btn {
  background: linear-gradient(180deg,#9a6a12 0%,#6b4708 100%);
  border: 1px solid #c7972d;
  color: #fff3cf;
  border-radius: 9px;
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all .18s; flex-shrink: 0;
  box-shadow: inset 0 1px 0 rgba(255,223,154,.22),0 10px 24px rgba(107,71,8,.22);
}
.glh-pin-btn:hover { filter: brightness(1.06); color: #fff7de; }
.glh-pin-btn i { font-size: 20px; }

.glh-pin-row {
  display: flex; gap: 12px; justify-content: center; margin: 8px 0 4px;
}
.glh-pin-digit {
  width: 56px; height: 64px;
  background: #0d1224; border: 2px solid #1e2a45;
  border-radius: 12px; text-align: center;
  font-size: 28px; font-weight: 700; color: #fff;
  outline: none; transition: border-color .18s, transform .12s, box-shadow .18s;
  caret-color: transparent;
}
.glh-pin-digit:focus {
  border-color: #3a7bd5;
  box-shadow: 0 0 0 3px rgba(58,123,213,.2);
  transform: scale(1.06);
}
.glh-pin-digit.filled { border-color: #22c55e; }
.glh-pin-digit.error  { border-color: #e05050; animation: glhShake .4s ease; }
@keyframes glhShake {
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-6px)}
  40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}
  80%{transform:translateX(4px)}
}

/* ════════════════════════════════════
   PAYMENT ACCOUNTS CARDS — v7.0
   Beautiful frosted glass + parallax
════════════════════════════════════ */
.glh-pay-accounts {
  display: flex; flex-direction: column; gap: 12px; margin-bottom: 4px;
}

.glh-pay-card {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg,
    rgba(255,255,255,.06) 0%,
    rgba(255,255,255,.02) 100%
  );
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px; padding: 18px 18px 16px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    0 4px 24px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.08);
  transition: transform .22s ease, box-shadow .22s ease;
  cursor: default;
}
.glh-pay-card::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--ac, #3a7bd5) 18%, transparent) 0%,
    transparent 60%
  );
  border-radius: inherit; pointer-events: none;
}
.glh-pay-card::after {
  content: '';
  position: absolute;
  top: -40%; right: -20%;
  width: 200%; height: 200%;
  background: radial-gradient(
    ellipse at top right,
    color-mix(in srgb, var(--ac, #3a7bd5) 22%, transparent),
    transparent 65%
  );
  pointer-events: none;
}
.glh-pay-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 36px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.1);
}

.glh-pay-card-header {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 14px; position: relative; z-index: 1;
}
.glh-pay-icon {
  width: 46px; height: 46px; border-radius: 12px; flex-shrink: 0;
  background: var(--ac, #3a7bd5);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--ac, #3a7bd5) 40%, transparent);
}
.glh-pay-icon i { color: #fff; font-size: 22px; }
.glh-pay-meta {}
.glh-pay-type { font-size: 14px; font-weight: 700; color: #fff; }
.glh-pay-bank { font-size: 12px; color: rgba(255,255,255,.55); margin-top:2px }

.glh-pay-field {
  display: flex; flex-direction: column; gap: 3px;
  margin-bottom: 10px; position: relative; z-index: 1;
}
.glh-pay-field-label {
  font-size: 11px; color: rgba(255,255,255,.45);
  text-transform: uppercase; letter-spacing: .5px;
}
.glh-pay-field-val { font-size: 13px; color: rgba(255,255,255,.85); font-weight: 500; }

.glh-pay-num-row {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.glh-pay-num {
  font-size: 15px; font-weight: 700; color: #fff;
  letter-spacing: 1px; font-variant-numeric: tabular-nums;
}
.glh-pay-copy {
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.8); border-radius: 7px;
  padding: 5px 10px; font-size: 13px; cursor: pointer;
  display: flex; align-items: center; gap: 4px;
  transition: background .18s, color .18s;
}
.glh-pay-copy:hover { background: rgba(255,255,255,.22); color: #fff; }
.glh-pay-copy i { font-size: 15px; }
.glh-pay-copy.copied { background: rgba(34,197,94,.25); border-color: rgba(34,197,94,.4); color: #22c55e; }

.glh-pay-extra {
  font-size: 11px; color: rgba(255,255,255,.4);
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 10px; margin-top: 4px;
  position: relative; z-index: 1;
}

/* Parallax tilt effect via JS — adds subtle depth */
.glh-pay-card.tilt {
  transform-style: preserve-3d;
}

/* ── PayPal specific colour override ── */
.glh-pay-card[style*="003087"]::before {
  background: linear-gradient(135deg, rgba(0,48,135,.25) 0%, transparent 60%);
}
/* ── Crypto gold ── */
.glh-pay-card[style*="f0a500"]::before {
  background: linear-gradient(135deg, rgba(240,165,0,.2) 0%, transparent 60%);
}

/* Wallet context panel — frosted glass sub-cards */
.glh-wallet-sub-cards {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;
  margin-top: 14px;
}
.glh-wallet-sub-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px; padding: 14px 12px;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  position: relative; overflow: hidden;
  transition: transform .18s, box-shadow .18s;
}
.glh-wallet-sub-card::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(58,123,213,.1) 0%, transparent 60%);
  border-radius: inherit; pointer-events: none;
}
.glh-wallet-sub-card:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0,0,0,.3); }
.glh-wsub-label { font-size: 11px; color: #8892aa; margin-bottom: 6px; text-transform: uppercase; letter-spacing: .4px; }
.glh-wsub-amt   { font-size: 15px; font-weight: 700; color: #fff; }
.glh-wsub-icon  { position: absolute; bottom: 10px; right: 12px; opacity: .2; }
.glh-wsub-icon i{ font-size: 28px; }

@media(max-width:600px){
  .glh-pin-digit { width:46px; height:56px; font-size:22px; }
  .glh-pin-row { gap:8px; }
  .glh-wallet-sub-cards { grid-template-columns:1fr 1fr; }
}
@media(max-width:380px){
  .glh-pin-digit { width:40px; height:50px; font-size:20px; }
}