:root{
  --icx-bg:#070b14;
  --icx-panel:#0b1324;
  --icx-border:rgba(255,255,255,.08);
  --icx-text:rgba(255,255,255,.92);
  --icx-muted:rgba(255,255,255,.62);
  --icx-accent:#d4af37;
  --icx-cyan:#22d3ee;
}

body.icx-body, body.icarix-body{background:var(--icx-bg);color:var(--icx-text);}

.icx-app{min-height:100vh;background:var(--icx-bg);}

.icx-appbar{
  position:sticky;top:0;z-index:50;
  background:rgba(7,11,20,.78);
  backdrop-filter: blur(12px);
  border-bottom:1px solid var(--icx-border);
}

.icx-appbar__inner{
  max-width:1180px;margin:0 auto;
  padding:14px 18px;
  display:flex;align-items:center;gap:18px;
}

.icx-brand{display:flex;align-items:baseline;gap:2px;text-decoration:none;color:var(--icx-text);}
.icx-brand__mark{font-weight:800;letter-spacing:.16em;font-size:13px;}
.icx-brand__dot{color:var(--icx-accent);font-weight:900;}

.icx-nav{display:flex;gap:10px;align-items:center;flex:1;}
.icx-nav__link{
  text-decoration:none;color:var(--icx-muted);
  font-size:13px;font-weight:600;
  padding:8px 10px;border-radius:10px;
  border:1px solid transparent;
}
.icx-nav__link:hover{color:var(--icx-text);border-color:var(--icx-border);background:rgba(255,255,255,.03)}
.icx-nav__link.is-active{color:var(--icx-text);border-color:rgba(212,175,55,.35);background:rgba(212,175,55,.08)}

.icx-appbar__right{position:relative;display:flex;align-items:center;gap:10px;}

.icx-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 12px;border-radius:12px;
  border:1px solid rgba(212,175,55,.35);
  background:rgba(212,175,55,.10);
  color:var(--icx-text);text-decoration:none;
  font-size:13px;font-weight:700;
}
.icx-btn:hover{background:rgba(212,175,55,.16)}

.icx-user{
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:12px;
  border:1px solid var(--icx-border);
  background:rgba(255,255,255,.03);
  color:var(--icx-text);cursor:pointer;
}
.icx-user__avatar{
  width:28px;height:28px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(34,211,238,.20), rgba(212,175,55,.18));
  border:1px solid rgba(255,255,255,.10);
  font-weight:800;
}
.icx-user__name{font-size:13px;font-weight:700;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.icx-user__chev{opacity:.8}

.icx-menu{
  position:absolute;right:0;top:44px;
  width:220px;
  background:rgba(11,19,36,.96);
  border:1px solid var(--icx-border);
  border-radius:14px;
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  padding:8px;
}
.icx-menu__item{
  display:block;padding:10px 10px;border-radius:10px;
  text-decoration:none;color:var(--icx-text);
  font-size:13px;font-weight:650;
}
.icx-menu__item:hover{background:rgba(255,255,255,.04)}

.icx-main{max-width:1180px;margin:0 auto;padding:22px 18px 60px;}

@media (max-width: 700px){
  .icx-nav{display:none;}
  .icx-user__name{display:none;}
}