body{background:#0c1016}
.ggp-shell,.ggp-shell *{box-sizing:border-box}
.ggp-shell{color:#eef4ff;font-family:inherit;margin:18px 0}
.ggp-login-lock{padding:24px;border-radius:16px;background:linear-gradient(180deg,#121925,#0d131d);color:#fff;text-align:center;border:1px solid rgba(255,255,255,.08)}
.ggp-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(18,26,38,.98),rgba(10,15,24,.98)),radial-gradient(circle at top right,rgba(22,176,115,.18),transparent 35%);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 45px rgba(0,0,0,.28)}
.ggp-kicker{font-size:12px;letter-spacing:.18em;color:#7ed5a8;text-transform:uppercase;margin-bottom:8px}
.ggp-title{margin:0;font-size:28px;line-height:1.2;color:#fff}
.ggp-subtitle{margin:8px 0 0;color:#a6b4c8}
.ggp-status-pill{white-space:nowrap;padding:10px 14px;border-radius:999px;background:rgba(126,213,168,.08);border:1px solid rgba(126,213,168,.22);color:#d8ffea;font-size:13px}
.ggp-tabs{display:flex;gap:10px;margin:16px 0}
.ggp-tab{appearance:none;border:0;background:#121925;color:#dbe8ff;padding:12px 18px;border-radius:14px;cursor:pointer;font-weight:700;border:1px solid rgba(255,255,255,.08);transition:.2s}
.ggp-tab.is-active{background:linear-gradient(180deg,#1c2a3b,#131d2a);box-shadow:0 0 0 1px rgba(126,213,168,.24) inset;color:#fff}
.ggp-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}
.ggp-main{min-width:0}
.ggp-sidebar{display:flex;flex-direction:column;gap:18px}
.ggp-panel{display:none;padding:20px;border-radius:22px;background:linear-gradient(180deg,#111925,#0d141d);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 50px rgba(0,0,0,.22)}
.ggp-panel-active{display:block}
.ggp-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.ggp-panel-head h3{margin:0 0 6px;font-size:24px;color:#fff}
.ggp-panel-head p{margin:0;color:#9db0c7}
.ggp-badge{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700}
.ggp-trend-card{padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.ggp-trend-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.ggp-trend-head span{color:#9cb0c8;font-size:13px}
.ggp-trend-head strong{color:#fff;font-size:14px}
.ggp-trend-line{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:12px}
.ggp-point{flex:1;min-width:0;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#17d984,#7ed5a8);opacity:.9}
.ggp-point.neg{background:linear-gradient(180deg,#ff5d6c,#ff8d8d)}
.ggp-point.neutral{background:linear-gradient(180deg,#6f86a5,#92a7c1)}
.ggp-trend-line.goldline .ggp-point{background:linear-gradient(180deg,#ffcc52,#ffd97d)}
.ggp-metrics{display:grid;gap:14px;margin-top:16px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ggp-card,.ggp-side-card,.ggp-stat-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px}
.ggp-card span,.ggp-stat-box label{display:block;color:#9cb0c8;font-size:13px;margin-bottom:8px}
.ggp-card strong,.ggp-stat-box div{font-size:26px;font-weight:800;color:#fff}
.ggp-bar{height:9px;background:#1a2330;border-radius:999px;overflow:hidden;margin-top:10px}
.ggp-bar div{height:100%;width:0;background:linear-gradient(90deg,#17d984,#7ed5a8);transition:width .35s ease}
.ggp-bar.red div{background:linear-gradient(90deg,#ff5d6c,#ff8d8d)}
.ggp-bar.gold div{background:linear-gradient(90deg,#ffbf43,#ffd97d)}
.ggp-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.ggp-history-wrap{margin-top:16px}
.ggp-history-title{font-size:14px;color:#9cb0c8;margin-bottom:10px}
.ggp-history{display:flex;flex-wrap:wrap;gap:8px}
.ggp-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;border:1px solid rgba(255,255,255,.08)}
.ggp-dot.b{background:linear-gradient(180deg,#1abf74,#118b55)}
.ggp-dot.p{background:linear-gradient(180deg,#f9606f,#cd4050)}
.ggp-dot.t{background:linear-gradient(180deg,#f3c24b,#d8a52d);color:#2b2308}
.ggp-dot.l{background:linear-gradient(180deg,#ff6876,#ce3e4f)}
.ggp-dot.s{background:linear-gradient(180deg,#1bc97a,#13965b)}
.ggp-dot.j{background:linear-gradient(180deg,#ffc445,#e0a514);color:#302400}
.ggp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ggp-btn{appearance:none;border:0;padding:12px 16px;border-radius:14px;font-weight:800;cursor:pointer;transition:transform .15s ease,opacity .15s ease}
.ggp-btn:hover{transform:translateY(-1px)}
.ggp-green{background:#14cc7c;color:#082313}
.ggp-red{background:#f35e6c;color:#fff}
.ggp-gold{background:#ffcc52;color:#362705}
.ggp-dark{background:#1b2431;color:#e6efff;border:1px solid rgba(255,255,255,.08)}
.ggp-side-card h4{margin:0 0 10px;font-size:18px;color:#fff}
.ggp-side-card p,.ggp-note,.ggp-list{margin:0;color:#a7b8cb;line-height:1.65}
.ggp-list{padding-left:18px}
.ggp-list li+li{margin-top:8px}
.ggp-note{font-size:15px}
.ggp-shell code{display:inline-block;background:#0b1119;border:1px solid rgba(255,255,255,.08);padding:8px 10px;border-radius:10px;color:#dff6ea}
@media (max-width:1024px){.ggp-layout{grid-template-columns:1fr}}
@media (max-width:768px){.ggp-hero{flex-direction:column;align-items:flex-start}.grid-3,.ggp-mini-grid{grid-template-columns:1fr}.ggp-panel-head{flex-direction:column}.ggp-title{font-size:24px}.ggp-trend-line{height:100px}}