/* Galaxy Dashboard v2 — CSS v1
   WaveBlue© 2026 */

:root {
  --gd-bg:         #0d0d0f;
  --gd-bg2:        #12121a;
  --gd-border:     rgba(108,99,255,0.2);
  --gd-text:       #e8e8f0;
  --gd-text2:      #9090a8;
  --u-streams:     #ff8c00;
  --u-streams-t:   #ffa828;
  --u-economy:     #10b981;
  --u-economy-t:   #34d399;
  --u-social:      #1a6dff;
  --u-social-t:    #4A90D9;
  --u-community:   #6c63ff;
  --u-community-t: #8b7aff;
  --u-profil:      #00c6ff;
  --u-profil-t:    #00e5ff;
  --u-system:      #8b8b8b;
  --u-system-t:    #b0b0b0;
  --u-krypton:     #7a0a2e;
  --u-krypton-t:   #8b1538;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:var(--gd-bg);font-family:'Inter',-apple-system,sans-serif;color:var(--gd-text)}

#gd-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:default}
#gd-canvas.hovering{cursor:pointer}

#gd-header{position:fixed;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(13,13,15,0.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--gd-border);z-index:100}
#gd-header .gd-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--gd-text);text-decoration:none}
#gd-header .gd-logo span{background:linear-gradient(135deg,#6c63ff,#00c6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#gd-header .gd-nav{display:flex;align-items:center;gap:8px}
#gd-header .gd-nav a,#gd-header .gd-nav button{background:none;border:1px solid var(--gd-border);color:var(--gd-text2);padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;text-decoration:none;transition:all .2s}
#gd-header .gd-nav a:hover,#gd-header .gd-nav button:hover{background:rgba(108,99,255,.15);border-color:var(--u-community);color:var(--gd-text)}

#gd-breadcrumb{position:fixed;top:60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gd-text2);background:rgba(13,13,15,.7);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;border:1px solid var(--gd-border);z-index:99;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}
#gd-breadcrumb.visible{opacity:1;pointer-events:auto}
.bc-sep{opacity:.4}
.bc-item{cursor:pointer;color:var(--gd-text2);transition:color .2s}
.bc-item:hover{color:var(--gd-text)}
.bc-item.active{color:var(--gd-text);font-weight:600;cursor:default}

#gd-back{position:fixed;top:60px;left:20px;display:flex;align-items:center;gap:6px;background:rgba(13,13,15,.8);backdrop-filter:blur(8px);border:1px solid var(--gd-border);color:var(--gd-text2);padding:7px 14px;border-radius:20px;font-size:13px;cursor:pointer;z-index:99;opacity:0;pointer-events:none;transition:all .3s}
#gd-back.visible{opacity:1;pointer-events:auto}
#gd-back:hover{background:rgba(108,99,255,.15);color:var(--gd-text)}

#gd-panel{position:fixed;top:52px;right:-400px;bottom:0;width:360px;background:rgba(13,13,15,.95);backdrop-filter:blur(20px);border-left:1px solid var(--gd-border);z-index:200;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
#gd-panel.open{right:0}
#gd-panel-head{padding:20px 20px 14px;border-bottom:1px solid var(--gd-border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}
.ph-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.ph-info{flex:1}
.ph-title{font-size:16px;font-weight:700;color:var(--gd-text);margin-bottom:2px}
.ph-sub{font-size:12px;color:var(--gd-text2)}
#gd-panel-close{background:none;border:none;color:var(--gd-text2);font-size:20px;cursor:pointer;padding:4px;line-height:1;flex-shrink:0;transition:color .2s}
#gd-panel-close:hover{color:var(--gd-text)}
#gd-panel-body{flex:1;overflow-y:auto;padding:16px 20px;scrollbar-width:thin;scrollbar-color:var(--gd-border) transparent}

.gd-stat-row{display:flex;gap:10px;margin-bottom:16px}
.gd-stat{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--gd-border);border-radius:10px;padding:12px;text-align:center}
.gd-stat .sv{font-size:20px;font-weight:700;color:var(--gd-text)}
.gd-stat .sl{font-size:11px;color:var(--gd-text2);margin-top:2px}

.gd-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:6px;text-decoration:none;color:var(--gd-text)}
.gd-item:hover{background:rgba(255,255,255,.05);border-color:var(--gd-border)}
.gi-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.gi-info{flex:1;min-width:0}
.gi-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gi-sub{font-size:12px;color:var(--gd-text2);margin-top:1px}
.gi-arrow{color:var(--gd-text2);font-size:14px;flex-shrink:0}
.gd-item:hover .gi-arrow{color:var(--gd-text)}

.krypton-user-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:rgba(122,10,46,.12);border:1px solid rgba(122,10,46,.3);margin-bottom:8px}
.ku-name{flex:1;font-size:13px;font-weight:600}
.ku-reason{font-size:11px;color:var(--gd-text2);margin-top:1px}
.btn-unban{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:#10b981;padding:5px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}
.btn-unban:hover{background:rgba(16,185,129,.3)}

#gd-vela-mount{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:150;pointer-events:auto}

#gd-loading{position:fixed;inset:0;background:var(--gd-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s}
#gd-loading.fadeout{opacity:0;pointer-events:none}
#gd-loading .ld-logo{font-size:48px;font-weight:800;background:linear-gradient(135deg,#6c63ff,#00c6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;animation:gd-pulse 2s ease-in-out infinite}
#gd-loading .ld-sub{font-size:13px;color:var(--gd-text2);letter-spacing:3px;text-transform:uppercase}
#gd-loading .ld-dots{margin-top:32px;display:flex;gap:8px}
#gd-loading .ld-dot{width:6px;height:6px;border-radius:50%;background:var(--u-community);animation:gd-dot-bounce 1.4s ease-in-out infinite}
#gd-loading .ld-dot:nth-child(2){animation-delay:.2s;background:var(--u-social)}
#gd-loading .ld-dot:nth-child(3){animation-delay:.4s;background:var(--u-profil)}
@keyframes gd-pulse{0%,100%{opacity:1}50%{opacity:.6}}
@keyframes gd-dot-bounce{0%,80%,100%{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}

#gd-tooltip{position:fixed;background:rgba(13,13,15,.95);border:1px solid var(--gd-border);color:var(--gd-text);padding:8px 12px;border-radius:8px;font-size:13px;pointer-events:none;z-index:300;opacity:0;transition:opacity .15s;max-width:200px;backdrop-filter:blur(8px)}
#gd-tooltip.visible{opacity:1}
.tt-title{font-weight:600}
.tt-hint{font-size:11px;color:var(--gd-text2);margin-top:2px}

#gd-hint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--gd-text2);background:rgba(13,13,15,.7);backdrop-filter:blur(8px);padding:6px 16px;border-radius:20px;border:1px solid var(--gd-border);pointer-events:none;z-index:90;opacity:0;transition:opacity .5s}
#gd-hint.visible{opacity:1}

.krypton-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(122,10,46,.2);border:1px solid rgba(122,10,46,.5);color:#ff4466;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;animation:krypton-pulse 2s ease-in-out infinite}
@keyframes krypton-pulse{0%,100%{box-shadow:0 0 0 0 rgba(122,10,46,.4)}50%{box-shadow:0 0 0 6px rgba(122,10,46,0)}}

.gd-panel-btn{display:block;width:100%;padding:12px;border-radius:10px;border:1px solid var(--gd-border);background:rgba(255,255,255,.04);color:var(--gd-text);font-size:14px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;margin-top:8px;transition:all .2s}
.gd-panel-btn:hover{background:rgba(108,99,255,.15);border-color:var(--u-community)}
.gd-panel-btn.primary{background:var(--u-community);border-color:var(--u-community);color:#fff}
.gd-panel-btn.primary:hover{background:#5a50cc}

@media(max-width:600px){#gd-panel{width:100%;right:-100%}}