*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e1e4e8}.app{display:flex;flex-direction:column;min-height:100vh}.top-bar{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#161b22;border-bottom:1px solid #30363d}.logo{font-size:18px;font-weight:600;color:#58a6ff;white-space:nowrap}.bot-tabs{display:flex;gap:4px}.tab{padding:6px 16px;border:1px solid transparent;border-radius:6px;background:none;color:#8b949e;cursor:pointer;font-size:14px}.tab:hover{color:#e1e4e8}.tab.active{background:#21262d;color:#e1e4e8;border-color:#30363d}.main{display:flex;flex:1}.sidebar{width:200px;padding:16px;background:#161b22;border-right:1px solid #30363d;display:flex;flex-direction:column;gap:4px}.nav-link{display:block;padding:8px 12px;border-radius:6px;color:#8b949e;text-decoration:none;font-size:14px}.nav-link:hover,.nav-link.active{color:#e1e4e8;background:#21262d}.content{flex:1;padding:24px;overflow-y:auto}.page-title{font-size:24px;font-weight:600;margin-bottom:24px}.stats-row{display:flex;gap:16px;margin-bottom:24px}.stat-card{flex:1;padding:16px;background:#161b22;border:1px solid #30363d;border-radius:8px}.stat-card .label{font-size:12px;color:#8b949e;text-transform:uppercase}.stat-card .value{font-size:28px;font-weight:600;margin-top:4px}.chart-container{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;margin-bottom:24px}.chart-title{font-size:14px;font-weight:600;margin-bottom:12px;color:#8b949e}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:8px 12px;border-bottom:1px solid #30363d;color:#8b949e;font-weight:500}.data-table td{padding:8px 12px;border-bottom:1px solid #21262d}