/* STABLE UI RESET FINAL */
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden}
body{background:#06101d;color:#eef6ff}

.layout{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  min-height:100vh !important;
  width:100% !important;
}

.sidebar{
  position:sticky !important;
  top:0 !important;
  height:100vh !important;
  width:240px !important;
  min-width:240px !important;
  max-width:240px !important;
}

.main{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:28px 34px 48px !important;
  transform:none !important;
  left:auto !important;
  top:auto !important;
}

.main > *{
  width:100% !important;
  max-width:1480px !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

.topbar{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px !important;
  margin:0 0 26px !important;
}

.stats-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
  gap:18px !important;
  margin-bottom:24px !important;
}

.dashboard-grid{
  display:grid !important;
  grid-template-columns:minmax(0,2fr) minmax(360px,1fr) !important;
  gap:24px !important;
  align-items:start !important;
}

.feature-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
  gap:18px !important;
}

.panel,.card,.stat-card,.feature-card,.ultra-card{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden;
}

.feature-card{
  min-height:170px !important;
}

.link-channel-card{
  min-height:120px !important;
  cursor:pointer;
}

.link-channel-card input{
  width:22px !important;
  height:22px !important;
  margin-bottom:12px !important;
}

body > nav,
body > .top-nav,
.main > nav:first-child,
.main > .top-nav:first-child{
  display:none !important;
}

@media(max-width:1200px){
  .dashboard-grid{grid-template-columns:1fr !important}
}

@media(max-width:900px){
  .layout{display:block !important}
  .sidebar{
    position:fixed !important;
    transform:translateX(-100%);
    z-index:99999;
  }
  .main{
    padding:18px 14px 110px !important;
  }
  .topbar{flex-direction:column !important}
}