
.is2-hidden-store{display:none !important;}

.is2d-page-wrap{
  position:relative;
  z-index:10;
  max-width:1320px;
  margin:0 auto;
  padding:112px 18px 42px;
}
.is2d-page{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(70,102,140,.22);
  border-radius:30px;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,.08), transparent 28%),
    radial-gradient(circle at top right, rgba(249,115,22,.08), transparent 24%),
    linear-gradient(180deg, rgba(6,12,22,.98) 0%, rgba(5,10,19,.98) 54%, rgba(7,11,20,.98) 100%);
  box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
}
.is2d-page::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(34,211,238,.04), transparent 38%, transparent 62%, rgba(249,115,22,.04));
  pointer-events:none;
}
.is2d-surface{position:relative;padding:30px;}
.is2d-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}
.is2d-pill,
.is2d-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.is2d-pill{
  color:#7dd3fc;
  border:1px solid rgba(34,211,238,.22);
  background:rgba(8,29,45,.34);
}
.is2d-live{
  color:#86efac;
  border:1px solid rgba(34,197,94,.2);
  background:rgba(18,38,24,.38);
}
.is2d-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:24px;
}
.is2d-main{display:grid;gap:18px;}
.is2d-hero,
.is2d-card,
.is2d-widget-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(14px);
}
.is2d-hero{padding:24px;}
.is2d-server-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.is2d-server-main{display:flex;align-items:center;gap:16px;min-width:0;}
.is2d-avatar{
  width:78px;
  height:78px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(135deg, rgba(6,24,38,.95), rgba(24,17,30,.95));
  object-fit:cover;
  flex:0 0 auto;
}
.is2d-avatar--placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:30px;
  font-weight:800;
}
.is2d-heading{min-width:0;}
.is2d-title{
  margin:0;
  color:#fff;
  font-size:clamp(30px,3vw,42px);
  line-height:1;
  letter-spacing:-.035em;
}
.is2d-subtitle{
  margin:10px 0 0;
  color:rgba(226,232,240,.72);
  font-size:14px;
  line-height:1.72;
  max-width:760px;
}
.is2d-actions{display:flex;flex-wrap:wrap;gap:12px;}
.is2d-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  text-decoration:none;
  cursor:pointer;
  font-weight:800;
  letter-spacing:.03em;
  transition:transform .18s ease,border-color .18s ease,opacity .18s ease,background .18s ease;
}
.is2d-btn:hover{transform:translateY(-1px);opacity:.97;}
.is2d-btn--primary{background:linear-gradient(90deg,#06b6d4 0%,#2563eb 45%,#f97316 100%);color:#fff;}
.is2d-btn--secondary{background:rgba(255,255,255,.035);color:#e5e7eb;}
.is2d-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.is2d-metric{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
}
.is2d-metric-value{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.03em;
}
.is2d-metric-label{
  display:block;
  margin-top:8px;
  color:rgba(226,232,240,.56);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.is2d-card-head,
.is2d-widget-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.is2d-card-title,
.is2d-widget-title{margin:0;color:#fff;font-size:20px;font-weight:800;line-height:1.2;}
.is2d-card-body,
.is2d-widget-body{padding:18px 20px;}
.is2d-announcements{display:grid;gap:12px;}
.is2d-announcement{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.is2d-announcement-title{margin:0;color:#fff;font-size:16px;line-height:1.5;font-weight:700;}
.is2d-announcement-meta{margin:8px 0 0;color:rgba(226,232,240,.5);font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.is2d-announcement-text{margin:10px 0 0;color:rgba(226,232,240,.72);font-size:14px;line-height:1.7;}
.is2d-aside{display:grid;gap:18px;align-self:start;}
.is2d-widget-card{overflow:hidden;}
.is2d-widget-server{display:flex;align-items:center;gap:14px;}
.is2d-widget-server-name{margin:0;color:#fff;font-size:22px;font-weight:800;line-height:1.2;}
.is2d-widget-server-note{margin:6px 0 0;color:rgba(226,232,240,.6);font-size:13px;line-height:1.6;}
.is2d-widget-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;}
.is2d-widget-stat{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);}
.is2d-widget-stat strong{display:block;color:#fff;font-size:22px;line-height:1;font-weight:800;}
.is2d-widget-stat span{display:block;margin-top:8px;color:rgba(226,232,240,.56);font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.is2d-widget-block{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);}
.is2d-widget-label{display:block;margin-bottom:10px;color:rgba(226,232,240,.58);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.is2d-channel-list,
.is2d-member-list{display:grid;gap:10px;}
.is2d-channel-item,
.is2d-member-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}
.is2d-channel-name,.is2d-member-name{color:#fff;font-size:14px;font-weight:700;line-height:1.4;word-break:break-word;}
.is2d-channel-meta,.is2d-member-meta{color:rgba(226,232,240,.52);font-size:12px;}
.is2d-member-info{display:flex;align-items:center;gap:12px;min-width:0;}
.is2d-member-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.1);
  object-fit:cover;
  background:rgba(255,255,255,.05);
  flex:0 0 auto;
}
.is2d-member-avatar--placeholder{display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800;}
.is2d-empty{color:rgba(226,232,240,.6);font-size:14px;line-height:1.7;}
@media (max-width: 1120px){
  .is2d-layout{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .is2d-page-wrap{padding-top:100px;}
  .is2d-surface{padding:18px;}
  .is2d-topbar,.is2d-server-row{flex-direction:column;align-items:flex-start;}
  .is2d-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 560px){
  .is2d-actions{width:100%;}
  .is2d-btn{width:100%;}
  .is2d-metrics,.is2d-widget-stats{grid-template-columns:1fr;}
}
