:root{
  --sb-bg:#0f141a;
  --sb-border:#1a2330;
  --sb-text:#e6edf7;
  --sb-muted:#98a9bb;
  --sb-accent:#22c55e;
}

/* Sidebar professional look */
aside.sidebar{ width:260px; background: var(--sb-bg); border-right:1px solid var(--sb-border); color: var(--sb-text); }
aside.sidebar .logo{ display:flex; align-items:center; gap:10px; padding: 14px; border-bottom:1px solid var(--sb-border); }
aside.sidebar .logo .logo-img{ width:28px; height:28px; }
aside.sidebar .logo span{ font-weight:800; letter-spacing:.2px; }

aside.sidebar .main-nav{ display:flex; flex-direction:column; padding:10px; gap:6px; }
aside.sidebar .nav-item{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; color: var(--sb-muted); text-decoration:none; border:1px solid transparent; transition: background .15s ease, border-color .15s ease, color .15s ease; }
aside.sidebar .nav-item:hover{ background:#121922; border-color:#1a2330; color: var(--sb-text); }
aside.sidebar .nav-item.active{ background:#121922; border-color:#223041; color: var(--sb-text); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02); }
aside.sidebar .nav-item i{ color: var(--sb-accent); }

/* Ensure main content adapts */
.app-container{ display:flex; }
.main-content{ flex:1; }

/* Search */
.sb-search{ display:flex; align-items:center; gap:8px; padding:10px 12px; margin:10px; border:1px solid var(--sb-border); border-radius:10px; background:#0b0f14; }
.sb-search i{ color: var(--sb-muted); }
.sb-search input{ flex:1; background:transparent; border:none; outline:none; color: var(--sb-text); font-weight:600; }
.sb-kbd{ width:24px; height:24px; background:#0f141a; border:1px solid var(--sb-border); color: var(--sb-muted); border-radius:6px; font-weight:800; font-size:12px; display:flex; align-items:center; justify-content:center; }

/* Stats */
.sb-stats{ margin:10px; padding:10px; border-top:1px solid var(--sb-border); display:grid; grid-template-columns: 1fr; gap:8px; }
.sb-stat{ padding:8px 10px; border:1px solid var(--sb-border); border-radius:10px; background:#0b0f14; }
.sb-stat-label{ color: var(--sb-muted); font-size:12px; }
.sb-stat-value{ font-weight:900; font-size:16px; }
.sb-stat-delta{ font-weight:700; font-size:12px; }
.sb-stat-delta.up{ color: #22c55e; }
.sb-stat-delta.down{ color: #ef4444; }