.app-shell { display: flex; height: 100vh; background: #0b0e11; color: #fff; font-family: sans-serif; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
.sidebar { width: 220px; background: #181a20; border-right: 1px solid #2b3139; padding: 20px; display: flex; flex-direction: column; }
.logo { font-size: 24px; font-weight: bold; color: #f0b90b; margin-bottom: 30px; }
.nav-item { padding: 12px; margin-bottom: 5px; border-radius: 4px; cursor: pointer; color: #848e9c; }
.nav-item.active { background: #2b3139; color: #fff; }
.content { flex: 1; padding: 30px; overflow-y: auto; }
.top-bar { display: flex; justify-content: space-between; margin-bottom: 20px; }
.stats-row { display: flex; gap: 20px; margin-bottom: 20px; }
.stat-box { background: #1e2329; padding: 10px 20px; border-radius: 8px; font-size: 14px; color: #f0b90b; }
.table-card { background: #181a20; border-radius: 12px; padding: 15px; border: 1px solid #2b3139; }
table { width: 100%; border-collapse: collapse; }
th { text-align: left; padding: 12px; color: #848e9c; font-size: 12px; border-bottom: 1px solid #2b3139; }
td { padding: 15px 12px; border-bottom: 1px solid #1e2329; font-size: 14px; }
.buy-btn { background: rgba(46, 189, 133, 0.2); color: #2ebd85; padding: 4px 10px; border-radius: 4px; font-weight: bold; }